天天看点

js踩坑记录-数组

数组比较

eg1:

js踩坑记录-数组

以为打印出的是true,但是是false,原因是数组是引用数据类型,比较的时候比较的是地址,所以是不相等的。在C++中,数组也是不能通过这种方式比较的。

但是python是可以的。

那要如何进行数组比较呢?

如果是比较全数组,可以转化为字符串进行比较:

JSON.stringify(array1) === JSON.stringify(array2)      

或者遍历数组比较。

遍历数组

方法一:for 下标访问

for (let i = 0; i < arr.length; ++i) {
    console.log(arr[i]);
}      

方法二: for in

for (let i in arr) {
    console.log(arr[i]);
}      

这里注意与python的in不一样,python中

for i in arr:
    print(i)      

这个迭代器指的是数组的值,而不是索引。

方法三:of 直接访问值

for (const v of arr) {
    console.log(v);
}      

方法四:forEach 同时访问值与索引

arr.forEach((v, i) => console.log(v));      

非数字属性

JavaScript 的数组就是 Object,这就意味着我们可以给数组添加字符串属性:

举例如下:

js踩坑记录-数组

上面的循环语法,只有for/in不会忽略非数字属性。

数组的空元素

JavaScript 数组可以有空元素

如下:

js踩坑记录-数组

数组的长度是4。

添加空元素

array[5] = "a";      
js踩坑记录-数组

对于数组里的空元素来说,遍历方式也是有区别的。

eg:

for (let i = 0; i < array.length; i++) {
    console.log(array[i]);
}      
js踩坑记录-数组
// 打印1 2 3
array.forEach(v => console.log(v));

// 打印1  2  3
for (let i in array) {
    console.log(array[i]);
}

// 打印1 undefined 2  3
for (const v of array) {
    console.log(v);
}      
  1. 对于[1, 2,3],for/in与forEach会跳过空元素,而for与for/of则不会跳过
  2. 对于[‘a’, undefined, ‘c’],4 种循环语法一致,打印的都是”a, undefined, c”