js 数组相关内容

1. 可修改原数组的方法

方法	返回值
push / unshift	执行方法之后的数组长度
pup / shift	被弹出的数值
reverse	翻转之后的数组
splice	被删除的值组成的数组，光添加的话只会返回空数组
sort	不添加参数的话，会默认ASCII码进行升序排序，故不准确；用参数a, b来做的话原则是：1. 负值，a在前 2. 正值， a在后 3. 0， 保持不动。eg: arr.sort((a, b) => a-b)

2. 不改变原数组，返回新数组的方法

方法	备注
concat	拼接
slice	左闭右开区域返回，可负值
join / split	eg: let arr = [‘a’, ‘b’, ‘c’]; arr.join() 返回‘a, b, c’; arr.join(’’) 返回‘abc’； split(’’, 3) 第二位是截取功能
filter	a.filter(function(elem, index, arr), {name: ‘test’}); 第一个参数是一个fn，拥有三个参数；第二个参数是this的指向
map	-

3. forEach

let test = [2, 3, 4];

test.forEach(function(elem, index, array){
    console.log(elem, index, array, this.name)
}, {name: 'test'})

// 第一个参数是一个fn，拥有三个参数；第二个参数是this的指向
// 2 0 [ 2, 3, 4 ] 'test' 改变this指向
// 3 1 [ 2, 3, 4 ] 'test'
// 4 2 [ 2, 3, 4 ] 'test'

Array.prototype.myForEach = function(fn) {
    let arr = this,
        len = arr.length,
        arg2 = arguments[1] || window;
    
    for (let i = 0; i < len.length; i++) {
        fn.apply(arg2, [arr[i], i, arr]);
    }
}

4. filter

let test = [2, 3, 4];

let test1 = test.filter(function(elem, index, array){
    return elem > 3
}, {name: 'test'})

console.log(test1, test);

// [ 4 ] [ 2, 3, 4 ] 不会改变原数组

Array.prototype.myFilter = function(fn) {
    let arr = this,
        len = arr.length,
        args = arguments[1] || window,
        res = [],
        item;
    
    for (let i = 0; i < len; i++) {
        item = tools.deepClone(arr[i]); // 进行深拷贝，避免互相之间的影响
        if (fn.apply(args, [arr[i], i, arr])) res.push(item);
    }
    return res;
}

5. map

Array.prototype.myMap = function(fn) {
    let arr = this,
        len = arr.length,
        args = arguments[1] || window,
        nArr = [],
        item;

    for (let i = 0; i < len; i++) {
        item = tools.deepClone(arr[i]); //同理
        nArr.push(fn.apply(args, [item, i, arr]));
    }
    return nArr;
}

6. every/ some
   every: 只要有一个不满足条件就会停止遍历并且返回false，需要每一项都满足才会返回true
   some: 只要有一个满足条件就会停止遍历；返回值是bool
   参数与其他一致。

Array.prototype.myEvery = function(fn) {
    let arr = this,
        len = arr.length,
        args = arguments[1] || window,
        flag = true;
    
    for (let i = 0; i < len; i++) {
        if (!fn.apply(args, [arr[i], i, arr])) {
            flag = false;
            break;
        }
    }
    return flag;
}

Array.prototype.mySome = function(fn) {
    let arr = this,
        len = arr.length,
        args = arguments[1] || window,
        flag = false;
    
    for (let i = 0; i < len; i++) {
        if (fn.apply(args, [arr[i], i, arr])) {
            flag = true;
            break;
        }
    }
    return flag;
}

7. reduce/ reduceRight

let data = [1, 1, 3, 4];

let nValue = data.reduce(function(pre, elem, index, arr) {
    return pre + elem // 需要给pre重新return值
}, 0)

console.log(nValue); // 9

let data = [1, 1, 3, 4];

let nValue = data.reduce(function(pre, elem, index, arr) {
    pre.push(elem);
    return pre
}, [])

let nValue2 = data.reduce(function(pre, elem, index, arr) {
    pre.push(elem);
    return pre
}, [])

console.log(nValue, nValue2); // [1, 1, 3, 4]  [4, 3, 1, 1]倒序

Array.prototype.myReduce = function test(fn, initialValue) {
    let arr = this,
        len = arr.length;

    for (let i = 0; i < len; i++) {
        initialValue = fn(initialValue, arr[i], i, arr);
    }

    return initialValue;
}

Array.prototype.myReduceRight = function test(fn, initialValue) {
    let arr = this,
        len = arr.length,
        item;

    for (let i = len - 1; i >= 0; i--) {
        item = tools.deepClone(arr[i]);
        initialValue = fn(initialValue, item, i, arr);
    }

    return initialValue;
}

8. 其他
   let a = [, 2, 3,] => 会变成length === 3，除了最后一位的逗号会被忽略，其他位置会变出empty填补
   另外：a[-1] -> undefined ; a[7] -> undefined ; a[0] -> undefined
   即empty与index没有的查询都会返回undefined

举个类数组栗子：

let obj = {
    '2': 3,
    '3': 4,
    'length': 2,
    'push': Array.prototype.push,
    'splice': Array.prototype.splice
}

obj.push(1);
obj.push(2); // [empty * 2, 1, 2]
// push的过程：
// 1. obj[length] = el
// 2. length ++