前端之数组的常见的22中方法

// 1.length   返回数组的长度
var arr = [1, 2, 3, 4];
console.log(arr)  // 4

// 2.push() 功能:向数组的末尾添加一个或更多元素(包括对象和数组)，并返回新的长度。
var arr = [1, 2, 3, 4];
var length = arr.push(5); // 5
console.log(arr);     // [1,2,3,4,5]

//  3.pop() 功能:     删除并返回数组的最后一个元素
var arr = [1, 2, 3, 4];
var ele = arr.pop();  //4
console.log(arr);    //[1,2,3]

 // 4. unshift() 功能：向数组的开头添加一个或更多元素，并返回新的长度。
var arr = [1, 2, 3, 4];
var length = arr.unshift(5);  // 5
console.log(arr);  // [5,1,2,3,4]

//   5.shift()功能：删除并返回数组的第一个元素
var arr = [1, 2, 3, 4];
var ele = arr.shift(); //1
console.log(arr);  // [2,3,4]

//   6.concat()功能: 连接两个或更多的数组(可以是元素)，并返回结果。
var arr = [1, 2, 3, 4];
var arr1 = [1, 2];
arr = arr.concat(arr1);
console.log(arr);  //[1,2,3,4,1,2]

//   7.join() 功能：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。默认是 ，分隔
var arr = [1, 2, 3, 4];
var str = arr.join('-');
console.log(str);  //1-2-3-4  string

//    8.reverse()功能:颠倒数组中元素的顺序。
var arr = [1, 2, 3, 4];
var arr1 = arr.reverse();
console.log(arr1);  //[4,3,2,1]

//9 slice() 功能:从某个已有的数组返回选定的元素, 赋值数组截取数组中的元素(不包含左后一个交标)
var arr = [1, 2, 3, 4];
var arr1 = arr.slice(1, 3); // [2,3]
console.log(arr1);
console.log(arr);  // [1,2,3,4]

//10 splice()  功能: 1.添加 2.替换 3.删除   返回的是原操作的元素数组
//      9.1  添加
var arr = [1, 2, 3, 4];
var arr1 = arr.splice(2, 0, 5, 6);    //[]
console.log(arr);   // [1,2,5,6,3,4]
//        9.2  替换
var arr2 = arr.splice(1, 2, 7, 8);   //[5,6]
console.log(arr);     //[1,7,8,6,3,4]
//         9.3  删除
var arr3 = arr.splice(1, 2);  //7,8
console.log(arr); //  [1,6,3,4]

//11.toString()   任何对象都具有的方法 把数组转换为字符串描述，并返回结果。
var arr = [1, 2, 3, 4];
console.log(arr.toString());   //1,2,3,4

//12       valueof()   返回数组对象的原始值
var arr = [1, 2, 3, 4];
var arr1 = arr.valueOf();  //[1,2,3,4]

//13.forEach()  对数组的每一项运行给定的函数 该方法没有返回值
var arr = [1, 2, 3, 4];
arr.forEach(function (t) {
    console.log(t + 1);    //2,3,4,5   number
});

//14.sort()   按字母进行排序 ，支持指定的方法作为参数(底层实现用的是c++ 返回正负数分别调用的是插入排序和快排)
var arr = [3, 2, 1, 4];
var arr1 = arr.sort(function (a, b) {
    return a - b
});
console.log(arr1);   //[1.2.3.4]

//15. filter 对数组的每一项运行给定的函数，返回true的项组成的数组
var arr = [1, 2, 3, 4];
var boolArr = arr.filter(function (t) {
    return t % 2 == 0
});
console.log(boolArr); //[2,4]

//   16. indexof() 返回第一个给定参数的索引，没有找到则返回false
var arr = ['da', 'xiao', 'liu', 'da'];
var index = arr.indexOf('da');
console.log(index);   //0

//    17.lastIndexOf()   返回数组中搜索到元素最大的索引
var arr = ['da', 'xiao', 'liu', 'da'];
var index = arr.lastIndexOf('da');
console.log(index);   //3

//    18.some()   给数组中的每一项给定特定的函数,如果任一项返回true,则返回true.
var arr = [1, 2, 3, 4];
var boolValue = arr.some(function (t) {
    return t % 2 == 0
});
console.log(boolValue); //true

//      19.every()   对数组的每一项运行给定的函数，知道返回false 结束（即每一项都为true，才为true;)
var arr = [1, 2, 3, 4];
//       var arr1 = arr.every(function (x) { x =0 });
var boolValue = arr.every(function (t) {
    return t + 1 > 0;
});
console.log(boolValue); //true

//       20  map   对数组中的每一项给定特定的函数，返回每一项调用函数结果组成的数组
var arr = [1, 2, 3, 4];
var arr1 = arr.map(function (t) {
    return t % 2
});
console.log(arr1);      //[1,0,1,0]

//       21  reduce()  返回数累加的值  累加器
var arr = ['xiao', 'da', 'cc', 'bb'];
var sum = arr.reduce(function (a, b, index, arr) {
    return a + b
})
console.log(sum);   //[10]

//        22.reduceRight() 从数组的末尾向前将数组中的数组项做累加。
var arr = ['xiao', 'da', 'cc', 'bb'];
var sum = arr.reduceRight(function (a, b, index, arr) {
    return a + b;
});
console.log(sum);