会改变数组

1. length

var arr = [1, 2, 5, 9, 10, 15];
// 1. arr.length (返回数组的长度)
console.log(arr.length); // 6

2. push

var arr = [1, 2, 5, 9, 10, 15];
// 2. arr.push (在数组末尾添加一位)
arr.push(20); // 7 (返回的是被修改后的数组长度)
console.log(arr); // [1, 2, 5, 9, 10, 15, 20]

3. sort

var arr = [1, 2, 5, 9, 10, 15];
// 3. arr.sort() (解析数组每一位, 按照字符串的形式进行排序)
arr.sort(); // 不填根据第一位进行(小到大)排序
console.log(arr); // [1, 10, 15, 2, 5, 9]
// 从小到大排序
arr.sort(function (a, b) {
    return a - b;
})
console.log(arr); // [1, 2, 5, 9, 10, 15]
// 从大到小排序
arr.sort(function (a, b) {
    return b - a;
})
console.log(arr); // [15, 10, 9, 5, 2, 1]

4. pop

// 4. arr.pop() (删除原数组的最后一位)
arr.pop(); // 15 (返回删除的数组)
console.log(arr); // [1, 2, 5, 9, 10]

5. shift

var arr = [1, 2, 5, 9, 10, 15];
// 5. arr.shift() (删除原数组的第一位)
arr.shift(); // 1 (返回删除的数组)
console.log(arr); // [2, 5, 9, 10, 15]

6. unshift

var arr = [1, 2, 5, 9, 10, 15];
// 6. arr.unshift() (在数组第一位前面添加一项)
arr.unshift(20); // 7 (返回添加后的数组长度)
console.log(arr); // [20, 1, 2, 5, 9, 10, 15]

7. reverse

var arr = [1, 2, 5, 9, 10, 15];
// 7. arr.reverse() (将当前数组反转)
console.log(arr.reverse()); // [15, 10, 9, 5, 2, 1]

8. splice

var arr = [1, 2, 5, 9, 10, 15];
// 8. arr.splice(2, 2, 2,...) (可以传多个参数 [第一个参数: 从数组第几位开始删除], [第二个参数: 要删除多少位], [第三个开始往后的参数: 插入的值])
arr.splice(2, 2); // [5, 9] (返回删除了哪些数组)
console.log(arr); // [1, 2, 10, 15]
arr.splice(2); // [10, 15] (返回删除了哪些数组, 只填一位默认从后方开始删除)
console.log(arr); // [1, 2]
arr.splice(2, 0, 11, 6, 20); // [] (因为第二位0删除0位, 所以返回空)
console.log(arr); // [1, 2, 11, 6, 20]

不会改变原数组

1. join

var arr = [1, 2, 5, 9, 10, 15];
// 1. arr.join() (可以传一个字符[不填写默认,], 把数组中的所有元素加入这个字符,[简单说就是更改数组中的分隔符])
arr.join('-'); // "1-2-5-9-10-15"

2. slice

var arr = [1, 2, 5, 9, 10, 15];
// 2. arr.slice(2, 4) (返回选择的元素, [(必填)第一位: 选择从第几位开始选.可以为负数,比如-2,就是从倒数第二位开始.] [(可选)第二位: 到什么位置停止, 注意:比如arr.slice(2, 4), 返回数组第二位和第三位,第四位是不会返回的.])
arr.slice(2, 4); // [5, 9]

3. concat

var arr = [1, 2, 5, 9, 10, 15];
// 3. arr.concat() ([可以传多个参数]将参数添加到数组中.注意: 添加上的参数都是在数组末尾)
arr.concat(30, 40, 50, 60); // [1, 2, 5, 9, 10, 15, 30, 40, 50, 60]

4. indexOf

var arr = [1, 2, 5, 9, 10, 15];
// 4. arr.indexOf() (返回输入参数首次出现的位置,如果没有返回-1)
arr.indexOf(15); // 5 (返回当前15在数组中首次出现的位置)
arr.indexOf(100); // -1 (没有找到都是返回-1)

5. lastIndexOf

var arr = [1, 2, 5, 9, 10, 15];
// 5. arr.lastIndexOf() (返回输入参数最后出现的位置,如果没有返回-1)
arr.lastIndexOf(5); // 2 (返回当前5在数组中最后一次出现的位置)

6. forEach

var arr = [
    {name : 'aaa', age : 12, like : 'cat'},
    {name : 'bbb', age : 13, like : 'dog'},
    {name : 'ccc', age : 14, like : 'Mouse'},
    {name : 'ddd', age : 15, like : 'tiger'}
];
// arr.forEach (等同于for)
arr.forEach(function (ele, index) {
    console.log(ele, index);
    // {name: "aaa", age: 12, like: "cat"} 0
    // {name: "bbb", age: 13, like: "dog"} 1
    // {name: "ccc", age: 14, like: "Mouse"} 2
    // {name: "ddd", age: 15, like: "tiger"} 3
    // ele => 每一位的内容, index => 每一位的索引
});
// for形式
for (let i = 0; i < arr.length; i++) {
    console.log(arr[i], i);
}
// {name: "aaa", age: 12, like: "cat"} 0
// {name: "bbb", age: 13, like: "dog"} 1
// {name: "ccc", age: 14, like: "Mouse"} 2
// {name: "ddd", age: 15, like: "tiger"} 3
// 参照 forEach 自己封装一个一样的
Array.prototype.myForEach = function (fn) {
    var len = this.length;
    for (let i = 0; i < len; i++) {
        fn(this[i], i);
    }
}
arr.myForEach(function (ele, index) {
    console.log(ele, index);
})
// {name: "aaa", age: 12, like: "cat"} 0
// {name: "bbb", age: 13, like: "dog"} 1
// {name: "ccc", age: 14, like: "Mouse"} 2
// {name: "ddd", age: 15, like: "tiger"} 

7. filter

// 过滤掉不满足条件的数组, 然后组成一个新的数组返回 (比如可以用来做筛选功能)
var fArr = arr.filter(function (ele, index) {
    if (ele.age > 14) {
        return true;
    }
})
console.log(fArr);
// [{name: "ddd", age: 15, like: "tiger"}]

8. reduce() 和 数组reduce()和reduceRight()方法

// reduce() 方法接收一个函数 callbackfn 作为累加器（accumulator），数组中的每个值（从左到右）开始合并，最终为一个值
array.reduce(callbackfn,[initialValue])
// reduce() 方法接收 callbackfn 函数，而这个函数包含四个参数：
function callbackfn(preValue,curValue,index,array){}
// preValue: 上一次调用回调返回的值，或者是提供的初始值（initialValue）
// curValue: 数组中当前被处理的数组项
// index: 当前数组项在数组中的索引值
// array: 调用 reduce() 方法的数组

// 例子:
var arr = [0, 1, 2, 3, 4]; 
arr.reduce(function (preValue,curValue,index,array) { 
    return preValue + curValue; 
}); // 10

判断数组(逻辑 (&& 与) (|| 或)

1. every

// arr.every() (返回判断数组中是否满足条件 [类似于&&(与)符号, 满足所有才是true])
arr.every(function (ele) {
    return ele > 0;
}); // true
arr.every(function (ele) {
    return ele > 3;
}); // false

2. some

// arr.some() (返回判断数组中是否满足条件 [类似于||(或)符号, 只要数组中有一个满足就返回true, 全部都不满足才返回false])
arr.some(function (ele) {
    return ele > 0;
}); // true
arr.some(function (ele) {
    return ele > 20;
}); // false