JavaScript 数组方法

1 数组去重

//es6方法去重
function refine() {
    const arr = [54, 54, 54, 35, 58, 14, 21, 14, 51, 48, 41, 27, 9, 21];
    console.log([...new Set(arr)]);
}

//原生方式(对比法)去重
function refine2() {
    var flag;
    let newArr = [];
    const arr = [54, 54, 54, 35, 58, 14, 21, 14, 51, 48, 41, 27, 9, 21];
    for (let i = 0; i < arr.length; i++) {
        flag = true;
        for (let j = 0; j < arr.length; j++) {
            if (newArr[j] === arr[i]) {
                flag = false;
                break;
            }
        }
        if (flag) {
            newArr[newArr.length] = arr[i];
        }
    }
    console.log(newArr);
}

2 合并数组array.concat(item…)

var a = ['a','b','c'];
var b = ['x','y','z'];
var c = a.concat(b,true); // ['a','b','c','x','y','z',true]

3 设定分割符号array.join(separator)

var a = ['a','b','c'];
var c = a.join(''); // 'abcd'  即用空字符串完成了无间隔连接

4 在数组头部添加元素 array.unshift(item…)

var a = ['a','b','c'];
var b = a.push('?','@');
// a 是 ['?','@','a','b','c',]
// b 是 5

5 在数组末尾添加元素 array.push(item…)

var a = ['a','b','c'];
var b = ['x','y','z'];
var c = a.push(b,true);// b数组会被当成单个元素整个添加到a的头部
// a 是 ['a','b','c',['x','y','z'],true]
// c 是 5

6 移除并返回数组头部元素 array.shift()

var a = ['a','b','c'];
var c = a.shift(); //c是'a' a是['b','c']

//如果a是为空 c是undefined

7 移除并返回数组末尾元素 array.pop()

var a = ['a','b','c'];
var c = a.pop(); //c是'c' a是['a','b']

//如果a是为空 c是undefined

8 翻转数组array.reverse()

var a = ['a','b','c'];
var c = a.reverse(); // a和b都是['c','b','a']

9 清空数组常用的三个方法

法一：直接赋予空数组[]

arr=[];

法二：利用length属性将数组长度设置为0

arr.length=0;

法三：使用splice()删除全部数组元素

arr.splice(0,arr.length);

10 遍历数组

function(遍历的项，当前索引, 原数组)
arr.forEach(function(item, index, arr) {
    console.log(item);
    console.log(index);
    console.log(arr);
})