數組和對象訪問-js教程-PHP中文網

Array and Object Access

什麼是物件？
物件用於儲存各種資料和更複雜實體的鍵控集合。物件是變量，但它們可以包含許多值。可以使用括號建立對象，括號可以為空，也可以用鍵/值對填入。鍵是一個字串，也稱為屬性名稱，值可以是與鍵相關的任何內容。鍵/值對是無序的。物件可以儲存其他物件、函數、原始資料類型和陣列。

物件字面量是一個空物件。

var user = {};

登入後複製

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

登入後複製

點表示法與括號表示法
您可以透過其鍵存取 value 屬性。您可以修改鍵的現有屬性的值。您可以向物件新增屬性。

物件上的點表示法
物件上的點符號將使您能夠存取物件的鍵和方法。點表示法是用物件名稱 dot(.) 寫的鍵/屬性。
對象.key

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
console.log(user.name); //output "Carol"

登入後複製

使用object.key修改物件

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user.name = 'Bonnie'
console.log(user); //
//output 

name: '"Bonnie",
age: 30,
occupation: "Teacher"

登入後複製

使用 object.key 加入到物件

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};
user.favColor = 'Red'
console.log(user);
//output
age: 30,
  name: "Carol",
  occupation: "Teacher",
  favColor: "Red"

登入後複製

物件上的括號表示法
此表達式可讓您使用包含屬性名稱的字串（以引號引起來）或變數來存取物件屬性。當無法使用點表示法時，這很有用。與點表示法不同，括號表示法允許您使用變數作為屬性名稱
物件['表達式'];

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

console.log(user['name']);//output "Carol"

登入後複製

修改物件

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['name'] = 'Bonnie'
console.log(user);
//output
name: 'Bonnie',
age: 30,
occupation: 'Teacher'
};

登入後複製

加入到物件

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

user['favColor'] = 'Red'
console.log(user);
//output
name: 'Carol'
age: 30
occupation: 'Teacher'
user['favColor'] = 'Red'

};

登入後複製

什麼是陣列？
陣列可以保存不同的值，包括數字、字串、布林值和 null。數組中的每個值稱為元素，每個元素都可以透過從 0 開始的索引來存取。索引將給出元素的位置。元素括在方括號 ([]) 中並以逗號分隔。

空數組文字

var user =[]

登入後複製

index:      0     1      2
var user = [1, 'Carol', true, ];

登入後複製

1 是一個數字，位於零索引處。
'Carol' 是字串，位於第一個索引處。
True 是一個布林值，它位於第三個索引。

陣列方法是內建在 JavaScript 方法中的，您可以在其中新增、刪除和修改元素。

.push() 允許您將元素新增至陣列的末端。

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.push('cauliflower')
console.log(vegetables)
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];

登入後複製

.pop() 允許您刪除陣列末尾的值。

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale', 'cauliflower'];
vegetables.pop()
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];

登入後複製

.unshift() 允許您將值加到陣列的前面。

var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];
vegetables.unshift('Brussel sprouts');
console.log(vegetables);
//output
var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];

登入後複製

.shift() 允許您刪除陣列前面的值。

var vegetables = ['Brussel sprouts', 'spinach', 'broccoli', 'green beans', 'kale'];
vegetables.shift();
console.log(vegetables);
//output
var vegetables = ['spinach', 'broccoli', 'green beans', 'kale'];

登入後複製

.length() 屬性允許取得陣列中的項目數。

var user = {};

登入後複製

陣列上的括號表示法
您可以使用括號表示法和索引來取得數組中元素的值。
索引從 0 開始，這將給出第一個元素，索引 1 將給出第二個元素，然後是下一個元素。

var user = {
name: 'Carol',
age: 30,
occupation: 'Teacher'
};

登入後複製

結論
陣列和物件都是 JavaScript 中的集合，可以在其中操作值。數組是原始資料類型的有序集合，您可以使用從零開始的索引來存取每個元素。數組方法用於新增、刪除或修改有點表示法的陣列。括號表示法以及用於存取每個元素的從零開始的索引。物件是無序複雜資料類型的集合，使用鍵來存取值。點表示法用於簡單的鍵，方括號表示法用於更複雜的鍵。
參考文獻：
1.https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array
2.https://www.w3schools.com/js/js_arrays.asp
3.https://javascript.info/array

以上是數組和對象訪問的詳細內容。更多資訊請關注PHP中文網其他相關文章！