数组和对象访问-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中文网其他相关文章！