Javascript的常规数组和关联数组对比小结

Javascript中的数组是一种非常重要的数据结构，它能够存储多个元素。在Javascript中，数组分为两种类型：常规数组和关联数组。那么，这两种数组有什么区别呢？接下来，我们将通过以下三个方面对它们进行比较。

数组的定义

在Javascript中，常规数组和关联数组的定义方式有所不同。常规数组的定义方式如下：

const arr = [1, 2, 3, 4, 5];

这里我们定义了一个常规数组，并将其赋值为1,2,3,4,5。可以看到，常规数组中的每个元素都有一个对应的数字索引。

而关联数组则可以用一个对象来实现。比如，我们可以这样定义一个关联数组：

const arr = {
    name: "Bob",
    age: 18,
    address: "China",
    sex: "male"
};

这里我们定义了一个关联数组，并将其命名为arr。关联数组中的每个元素都有一个对应的键值对，我们可以通过键来访问数组元素的值，比如：arr["name"]将会访问到Bob。

数组长度的获取

在Javascript中，我们可以通过数组自带的length属性来获取数组的长度。但是，对于常规数组和关联数组来说，获取数组长度的方式是不同的。

对于常规数组来说，我们可以通过以下方式获取数组长度：

const arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出5

而对于关联数组来说，我们可以通过Object的keys方法来获取所有键值对的key，然后获取key的数量即为数组长度，代码如下：

const arr = {
    name: "Bob",
    age: 18,
    address: "China",
    sex: "male"
};
console.log(Object.keys(arr).length); // 输出4

数组的迭代

在Javascript中，我们可以通过循环语句来遍历数组中的所有元素。但是，对于常规数组和关联数组来说，迭代方式也是不一样的。

对于常规数组来说，我们可以通过for循环语句来遍历数组中的所有元素，代码如下：

const arr = [1, 2, 3, 4, 5];
for(let i = 0; i < arr.length; i++){
    console.log(arr[i]);
}

而对于关联数组来说，我们可以通过for...in语句来遍历数组中的所有元素，代码如下：

const arr = {
    name: "Bob",
    age: 18,
    address: "China",
    sex: "male"
};
for(let key in arr){
    console.log(arr[key]);
}

以上就是Javascript的常规数组和关联数组的对比小结。通过这些内容，我们可以更加清晰的了解到常规数组和关联数组的相同和不同之处。