js刷题总结（js弱类型语言中的易错点）

背景

js是一门弱类型语言，很多地方和其它语言有很大的差别，下面就是一些常见的问题

内容

1. js中数组长度和索引的关系

js下标可越界，返回值为undefined，长度由最大索引决定，而其它语言都是长度决定最大索引

2. reduce的参数问题

reduce在遍历数组的时候，里面第一个参数是一个回调函数，回调函数里的第一个参数prev是上一次循环的返回值，第二个参数curr是当前遍历的元素，如果不特殊声明的话，第一次遍历数组的时候，prev是使用的数组的第一个元素，curr使用的是第二个元素，有些时候我们需要curr从第一个元素开始，那么我们可以给reduce里面的第二个参数赋值，第二个参数就是prev的初始值，写了第二个参数，prev就不会占用数组的第一个元素了

3. for…in… 中i的类型问题

for (let i in object){}

在这里：i遍历的是object里面的key值，所以i默认是字符串类型的，如果遍历的对象是一个数组的话，当然也是遍历的数组的下标，但是这个时候会经常犯一个错误，那就是因为这个下标i是number数字类型，从而导致一系列问题

4. for循环的break跳出指定循环问题

在js中，break是跳出当层循环，有时候我们需要跳到指定循环，或者是直接跳出到最外层循环，该怎么办呢？
这个时候我们要使用一个label标记要跳出的位置，例子如下：

没加label标记：

let arr1 = [1, 2, 3];
let arr2 = [8, 2, 6];
for (let i = 0; i < arr1.length; i++) {
    console.log("arr1:", i)
    for (let j = 0; j < arr2.length; j++) {
        console.log("arr2:", j)
        if (arr1[i] === arr2[j]) {
            console.log("找到了")
            break;
        }
    }
}

加了label：

let arr1 = [1, 2, 3];
let arr2 = [8, 2, 6];
label: for (let i = 0; i < arr1.length; i++) {
    console.log("arr1:", i)
    for (let j = 0; j < arr2.length; j++) {
        console.log("arr2:", j)
        if (arr1[i] === arr2[j]) {
            console.log("找到了")
            break label;
        }
    }
}

5. 小数的向下取整是Math.floor()，向上取整是Math.ceil()

6. 数组的sort方法的问题

数组的sort方法，如果不重写的话，就是比较的字符串，12和2比，会是2大，第一个字符与第一个字符比，所以要重写，在sort里面有个回调函数，里面传入两个参数a，b，然后返回a-b就是从小到大

如上图：12理应排在最后，但是由于sort里面默认使用字符串的比较方法，一个一个比较字符，12的第一位数是1，所以在这五个元素里面最小，如何解决这个问题呢？那就是重写，如下：

7. splice函数的沙漏效应

7. splice会改变原数组，原本要遍历第二个元素了，但是第一个元素被删除了，那么现在遍历的就是第三个元素，例如：

发现没有删完，原理上面已经讲到了

解决方法：从数组的后面开始遍历，如下：