JavaScript 基础（三）：数组和对象

之前，讨论了 JavaScript 中内置的一些数据类型，如字符串、数字和布尔值。在本文中，将讨论两种新的数据类型：数组和对象。

数组是包含在一对方括号内的值列表，以逗号分隔，如下：

const listOfNumbers = [1, 2, 3, 4, 5];const listOfStrings = ["1", "2", "3", "4", "5"];

复制代码

可以通过引用数组的索引值来访问数组中的元素，索引值从 0 开始，而不是 1，这在计算机世界中是很常见的事情。

const x = listOfNumbers[0]; // x = 1const y = listOfNumbers[2]; // y = 3

复制代码

如果需要访问数组的最后一个元素，又不知道数组的长度怎么办？可以使用 arrayName.length 获取数组的长度，而不是尝试从 0 开始的每个索引来查看它是否有值。如下：

const z = listOfNumbers[listOfNumbers.length - 1]; // z = 5

复制代码

在这个例子中，listOfNumbers.length 的长度值为 5，在计算长度时从 1 开始。由于索引值是从 0 开始，因此最后一个元素的索引应该比长度小 1 。

同样也可以更改数组中的值，如下：

const listOfNumbers = [1, 2, 3, 4, 5];listOfNumbers[2] = 100;console.log(listOfNumbers); // listOfNumbers

复制代码

定义好了数组之后，就可以对其进行操作了。关于数组的操作之前写过类似的文章，这里就不详细介绍。

对象是使用花括号 {} 定义的任意属性的集合。例如，定义了一个名为 MyHousehold 的对象：

const MyHousehold = {    members: 4,    names: ["Mason", "Robert", "Lara", "Wynne"],};

复制代码

大括号内是用逗号分隔的属性列表，每个属性都以 name:value 的形式定义。在上面的代码中，要访问其属性，通过其属性名来访问，如下：

console.log(MyHousehold.members); // 4

复制代码

对象也是可变的，可以修改它们的值，可以通过使用 = 运算符来做到这一点，如下：

MyHousehold.members = 5;console.log(MyHousehold.members); // 5

复制代码

但是，这仅适用于对象数据类型。其他数据类型的属性，如字符串、数字和数组，它们的属性是不可变的，不能修改。

关于对象的操作和常见的问题，本文不详细介绍，可以参阅一下文章:

发布于: 刚刚阅读数: 2

关注

细节的追求者 2011.11.12 加入

专注前端开发，用技术创造价值！

发布

暂无评论

评论