前端开发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 数组常用方法

前端开发者

相关推荐

评论抢沙发

评论前必须登录！

最新评论

前端开发者

相关推荐

评论 抢沙发

评论前必须登录！

最新评论

评论抢沙发