前端开发javascript 数组常用方法

web前端开发技术现状
中高级前端开发技术
web前端开发技术汇总 【转】

1、join#### 将数组转换成字符串
javascript 代码

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#### 将数组逆序
javascript 代码

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

3、####sort 排序。默认按字母顺序排序(原数组被修改)
javascript 代码

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#### 数组合并 原数组未被修改
javascript 代码

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 返回部分数组。 原数组未被修改
javascript 代码

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#### 数组拼接 原数组被修改
javascript 代码

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 数组遍历 Es5javascript 代码

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

8、[color=#ff0000]map#### 数组映射 原数组未被修改
javascript 代码

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

9、filter#### 数组过滤,原数组未被修改
javascript 代码

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)
javascript 代码

var arr = [‘a’, ‘b’, ‘c’, ‘d’, ‘e’]
delete arr[1]
arr // [‘a’,’undefined’,’c’,’d’,’e’];
精通web前端开发技术
开发  前端技术
直播平台前端开发技术
» 本文来自:前端开发者 » 《前端开发javascript 数组常用方法》
» 本文链接地址:https://www.rokub.com/7885.html
» 您也可以订阅本站:https://www.rokub.com
赞(0)
64K

评论 抢沙发

评论前必须登录!