javascript 数组常用方法

js

1、join 将数组转换成字符串

var arr = [1,2,3];
arr.join(); // '1,2,3'
arr.join('_'); // '1_2_3'
// 重复repeat
function repeatString(str, n) {
    return new Array(n+1).join(str);
}
repeatString('a',3); // 'aaa'

2、reverse 将数组逆序(原数组会修改)

var arr = [1,2,3];
arr.reverse(); // [3,2,1]
arr; // [3,2,1]  原数组改变

3、sort 排序。默认按字母顺序排序（原数组被修改）

var arr = ['c','d','a','b'];
arr.sort(); // ['a','b','c','d']
var arr = [13,24,51,3];
arr.sort(); // [13,24,3,51] (按 1,2,3,5)
arr.sort(function (a-b){
    return a - b;
}); // [3,13,24,51]

4、concat 数组合并 原数组未被修改

var arr = [1,2,3];
arr.concat(4,5); // [1,2,3,4,5]
arr; // [1,2,3] 原数组未被修改
arr.concat([10,11],13); // [1,2,3,10,11,13]
arr.concat([1,[2,3]]); // [1,2,3,1,[2,3]]

5、slice 返回部分数组。 原数组未被修改

var arr = [1,2,3,4,5];
arr.slice(1,3); // [2,3]
arr.slice(1); // [2,3,4,5]
arr.slice(1,-1); // [2,3,4]
arr.slice(-4,-3); // [2]

6、splice 数组拼接 原数组被修改

var arr = [1,2,3,4,5];
arr.splice(2); // return [3,4,5]
arr; // [1,2]
arr.splice(2,2); // return [3,4]
arr; // [1,2,5]
arr.splice(1,1,'a','b'); // return [2]
arr; // [1,'a','b',3,4,5]

7、forEach 数组遍历 Es5

var arr = [1,2,3,4,5];
arr.forEach(function(x,index,a){
    console.log(x+'|'+index+'|'+(a===arr));
})

8、map 数组映射 原数组未被修改

var arr = [1,2,3];
arr.map(function(x){
    return x + 10;
}); // [11,12,13]
arr;// [1,2,3]

9、filter数组过滤，原数组未被修改

var arr =[1,2,3,4,5,6,7,8,9,10];
arr.filter(function(x,index){
    return index % 3 === 0 || x>8;
});// [1,4,7,8,9,10]

注：delete 数组元素 ，数组长度不变（如果删除对象属性，对象长度要变，不存在undefined）

var arr = ['a','b','c','d','e'];
delete arr[1];
arr; // ['a','undefined','c','d','e'];