javascript 数组原型方法总结

 

 

会改变原数组的数组方法：push(),pop(),shift(),unshift(),soft(),revese(),splice()

 

1.push接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度

var arr = ["1","2","3"]
var item = arr.push("4","5");
console.log(arr);  //["1", "2", "3", "4", "5"]
console.log(item); // 5    返回修改后数组的长度

2.pop删除数组末尾最后一项，并返回删除元素的值

var arr = ["1","2","3"]
var item = arr.pop();
console.log(arr);  //["1", "2"]
console.log(item); //3   返回删除元素的值

3.shift删除数组的第一项，并返回元素的值，如果数组为空就返回undenifed

var arr = ["1","2","3"]
var item = arr.shift();
console.log(arr);  //["2", "3"]
console.log(item); //1 f返回删除元素的值

4.unshift将参数添加到原数组开头，并返回数组的长度

var arr = ["1","2","3"]
var item = arr.unshift("-1","0");
console.log(arr); // ["-1", "0", "1", "2", "3"]
console.log(item); //5  返回修改后数组的长度

5.soft 默认按升序排列数组项，排序时会调用每个数组项的 toString() 转型方法，然后比较得到的字符串，以确定如何排序。

即使数组中的每一项都是数值， sort() 方法比较的也是字符串(即按照UniCode码的顺序进行排序)

var arr1 = ["a", "d", "c", "b"];
console.log(arr1.sort());     // ["a", "b", "c", "d"]

var arr2 = [13, 24, 51, 3];
console.log(arr2.sort());     // [13, 24, 3, 51]
console.log(arr2);  //(原数组被改变)         
//为了解决上述问题，sort() 方法可以接收一个比较函数作为参数
var arr2 = [13, 24, 51, 3];
console.log(arr2.sort((a,b) => {return b-a}));     // [51, 24, 13, 3]
//console.log(arr2.sort(function(a,b) {return b-a}));
console.log(arr2);   

 

6.reverse 反转数组

var arr = [13, 24, 51, 3];
console.log(arr.reverse());        // [3, 51, 24, 13]
console.log(arr);                  // [3, 51, 24, 13](原数组改变)

7.splice可以实现删除 插入和替换,

1）·删除：3 种参数：起始位置、要删除的项数和要插入的项（这里为空）。

   例如， splice(0,2) 会删除数组中的前两项

var arr = [1,2,3,4,5];

var arrRemoved = arr.splice(0,2);
console.log(arr);    //[3,4,5] 
console.log(arrRemoved); //[1,2]  返回删除两项的数组

2）.插入:3 种参数：起始位置、要删除的项数（这里为0）和要插入的项。

例如，splice(2,0,6,7) 会从当前数组的位置 2 开始插入6和7

var arr = [1,2,3,4,5]

var arrRemove2 = arr.splice(2,0,6,7);

console.log(arr); //[1, 2, 6, 7, 3, 4, 5]

console.log(arrRemove2); //[ ]

3）替换：3 种参数：起始位置、要删除的项数和要插入的项。

 例如，splice (1,1,6,7) 会删除当前数组位置 1 的项，然后再从位置 1 开始插入6和7。

var arr = [1,2,3,4,5];

var arrRemoved3 = arr.splice(1,1,6,7);
console.log(arr);              // [1, 6, 7, 3, 4, 5]
console.log(arrRemoved3);      // [2]

不会改变原数组的数组方法

concat,silce,join,indexOf,lastIndexOf,forEach,map,filter,every,some,

reduce,reduceRight

 

8.concat连接数组

var arr = [1,3,5,7];
var arrcopy = arr.concat(9,[11,13]);
console.log(arrcopy);   // [1, 3, 5, 7, 9, 11, 13]
console.log(arr);       // [1, 3, 5, 7](原数组未被修改)

 

9.slice 返回从原数组钟指定开始下标到结束下标的项组成的新数组,只有一个参数时，返回该参数位置开始到末尾的所有项,

如果有两个参数，返回起始和结束位置之间的项（不包括结束位置的项）,如果是负数，那么它规定从数组尾部开始算起的位置,也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。

var arr = [1,3,5,7,9,11]
var arrCopy = arr.slice(1);
console.log(arrCopy);       // [3, 5, 7, 9, 11]

var arrCopy2 = arr.slice(1,4);
console.log(arrCopy2);      // [3, 5, 7]

var arrCopy3 = arr.slice(1,-2);
console.log(arrCopy3);      // [3, 5, 7]

var arrCopy4 = arr.slice(-4,-1);
console.log(arrCopy4);     // [5, 7, 9]

10.join 将数组的元素组成一个字符串，该方法之接受一个参数：分隔符（默认为逗号）

var arr = ["1","2","3"];
console.log(arr.join());    // 1,2,3
console.log(arr.join("-")); // 1-2-3
console.log(arr);    // [1, 2, 3]（原数组不变）

11.indexOf 接受两个参数，要查找的项和起始位置（默认从0开始），查找方向从左向右

var arr =[1,3,5,7,5,3,1];
console.log(arr.indexOf(5));    // 2
console.log(arr.indexOf(5,2));  // 2
console.log(arr.indexOf(5,3))   // 4

12.lastIndexOf 方向和indexOf相反

var arr = [1,3,5,7,5,3,1];
console.log(arr.lastIndexOf(5));   // 4
console.log(arr.lastIndexOf(5,4)); // 4
console.log(arr.lastIndexOf(5,3)); // 2
console.log(arr.lastIndexOf(5,2)); // 2
console.log(arr.lastIndexOf(5,1)); // -1

13.forEach() 对数组进行遍历循环，参数是function类型，其中对应的参数是遍历的数组内容，对应的数组索引(可选)，数组本身(可选)

var arr = ["a","b","c"];
arr.forEach(function(x,index,a){
    console.log(x,index,a)
})

14.map(),指“映射”，对数组中的每一项运行参数的函数，并返回每次函数调用的结果组成的数组

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.map(function(x){
    return x*x;
});
console.log(arr2);  // [1, 4, 9, 16, 25]

/map() 的一个经典面试题

console.log([1,2,3].map(parseInt)) // [ 1, NaN, NaN ]

console.log([1,2,3].map(function(val,key,arr) {

parseInt(val,key)

}))

// 循环返回出[parseInt(1,0),parseInt(2,1),parseInt(3,2)]即为[1,NaN,NaN]

15.filter() 指“过滤”，数组中的每一项运行参数的函数，并返回满足过滤条件组成的数组

var arr = [1,2,3,4,5]
var arr2 = arr.filter(function(x,index){
    return x > 3 || index < 2;
}) 
console.log(arr2); //[1,2,4,5]

16.every 判断数组中的每一项都是否满足条件，只有所有项都满足条件，才会返回true

 

var arr = [1,2,3,4,5];
var arr2 =arr.every((x) =>{
    return x<10;
});
console.log(arr2)  //true

var arr3 = arr.every((x) => {
    return x<3;
})
console.log(arr3)  //false

17.some判断数组中是否存在条件的项，只要有一项满足，就会返回true

var arr = [1, 2, 3, 4, 5];
var arr2 = arr.some(function(x) {
    return x < 3;
}); 
console.log(arr2);  // true

var arr3 = arr.some(function(x) {
    return x < 1;
}); 
console.log(arr3);  // false

18.reduce 用来迭代一个数组，并且把它累积到一个值中

var  arr = [1, 2, 3, 4, 5];
sum = arr.reduce(function(prev, cur, index, arr) {
     //输出的是第一项的值或上一次叠加的结果，正在被处理的元素，正在被处理的元素的索引值
     console.log(prev, cur, index);  
     return prev + cur;
})
console.log(arr, sum); //输入数组本身和最后的结果

var numbers = [15.5, 2.3, 1.1, 4.7];
 
function getSum(total, num) {
    console.log("total, num="+total+" "+num)
    // total, num=0 15.5
    // total, num=16 2.3
    // total, num=18 1.1
    // total, num=19 4.7
    return total + Math.round(num);
}
function myFunction(item) {
    console.log(numbers.reduce(getSum, 0));//0  传递给函数的初始值
}
myFunction()//输出24

19.reduceRight 与reduce的方向反向

---

 

ES6扩展数组原型数组方法

1. Array.from()

let arrayLike = {
     '0': 'a',
     '1': 'b',
     '2':'c',
     length:3
}
let arr6=Array.from(arrayLike)
console.log(arr6)//["a", "b", "c"]

 

2.Array.of()

let arr8 = Array.of(3,11,8);
let arr9 = Array.of(3);
console.log(arr8); //[3, 11, 8]
console.log(arr9); //[3]
//与Array()的行为对比
let arr10 = Array(3,11,8)
let arr11 = Array(3);
console.log(arr10);//[3, 11, 8]
console.log(arr11);//[, , ,]

3.copyWithin()用于数组实例，在当前数组内部，将指定位置的成员复制到其他位置（覆盖原有成员），然后返回当前数组

//Array.prototype.copyWithin(target, start = 0, end = this.length)
//  将 3 号位复制到 0 号位
[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
// [4, 2, 3, 4, 5]

 

4.find 用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，

然后返回该成员。如果没有符合条件的成员，则返回undefined

var num = [1, 5, 10, 15].find(function(value, index, arr) {
    return value > 9;
}) // 10
console.log(num)// 10

5.findIndex() 用法与 find 方法非常类似，返回第一个符合条件的数组成员的位置，如果所有成员都不符合条件，则返回-1

var num = [1,5,10,15].findIndex(function(value,index,arr){
    return value > 9;
})  
console.log(num)//2

 

6 fill 使用给定值，填充一个数组

var arr = ["a","b","c"].fill(7);

console.log(arr); //[7, 7, 7]

var arr = ["a","b","c"].fill(7,1,2);//如果接受第二个和第三个参数，用于指定填充的起始位置和结束位置

console.log(arr);//["a", 7, "c"]

7 keys() 返回一个数组，成员是对应属性的键名

for(let index of ["a","b"].keys()){

console.log(index);//0 1

}

8 values()返回一个数组，成员是对应属性的健值

for (let elem of ['a','b'].values()){
    console.log(elem);  // a   b
}

9.entries() 返回一个数组，成员是对应属性的健值对数组

for(let [index,elem] of ["a","b"].entries()){
    console.log(index,elem)//0 "a"  1 "b"
    
}

10.includes()判断是否包含给定的值，返回布尔值

[1, 2, 3].includes(2);      // true
[1, 2, 3].includes(4);      // false
[1, 2, NaN].includes(NaN);  // true

//第二个参数表示搜索的起始位置（默认为 0 ）

[1, 2, 3].includes(3, 3);   // false
[1, 2, 3].includes(3, -1);  // true

    你的赞赏是我前进的动力！  有错误可以下方留言!