首頁  >  文章  >  web前端  >  JavaScript 中的對象

JavaScript 中的對象

Susan Sarandon
Susan Sarandon原創
2024-09-19 22:30:491069瀏覽

Objects in JavaScript

有鍵值對,用冒號分隔。密鑰也稱為屬性
相似之處:數組的索引被物件中的鍵替換。
物件字面量語法是直接在 {}
中寫入屬性 對於物件來說,檢索期間的順序並不重要,而對於陣列來說,順序很重要。

陣列:用於結構化資料
物件:用於非結構化資料

物件中的屬性查找方法:

  1. 使用點表示法
  2. 使用方括號表示法:鍵定義為引號內 [] 內的字串,鍵名稱也可以是表達式。 前任。 obj['名字']; 前任。對象[2 3]; 放置表達式不適用於點表示法。我們需要使用最終的屬性名稱,而不是計算的屬性名稱。

因此,當我們有計算屬性名稱時,建議使用括號表示法。

如果屬性不存在並且我們嘗試存取它,則會傳回 undefined。

obj['insta-id'] = '@juju';

請參閱 MDN 上的運算子優先級表以了解更多資訊。

物件方法

Fns 是一種值。因此,我們可以建立鍵值對,其中值是 fn。意味著我們可以將 fns 新增到物件中。
Fn 表達式成為物件內部的方法,即附加到物件的 fn 作為鍵的值。
物件內的 Fn 聲明將不起作用。
method 也是保存 fn 值的物件的屬性。
我們可以使用以下形式的值:陣列、字串、布林值、fn 等
obj.propName(); // 將取得 fn 值並使用 ()

執行它

'this' :指稱其所呼叫的物件

const person = {
  fName: 'Raja',
  lName: 'Rajeshwar',
  bYear: 1970,
  job: 'King',
  friends: ["Billu","Penchu","Ramesh"],

  calcAge: function(){
    // this will be the object which has called this method.
    // Its used to reference the object, and not hardcode it.
    console.log(this);
    // a new property is created on the person object named 'age'
    this.age = 2024 - this.bYear
    return this.age;
  }
}

person.calcAge(1970);
// age property will only exist if this fn was called atleast once else it won't exist.
person.age;

陣列、Fns 都是 JS 中的底層物件。因此,他們有自己的方法。

以上是JavaScript 中的對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn