美文网首页Web前端之路
049|JavaScript Array常用方法

049|JavaScript Array常用方法

作者: 中年小钢炮 | 来源:发表于2017-05-25 12:28 被阅读33次

Array作为JavaScript中的高频使用对象,拥有十分丰富的方法,能够帮助我们快速处理常见问题。

这一节中,我们来学习一下那些Array常用的方法。

连接两个数组

两个数组的连接使用concat方法,而不能使用“+”,使用"+"来连接array会先转化为String然后相加。


var array1 = [1,2]
var array2 = [3,4]

var array3 = array1 + array2;
console.log(array3) // 输出 1,23,4

var array4 = array1.concat(array2)
console.log(array4) // 输出 [ 1, 2, 3, 4 ]

连元素连接成字符串

join方法接受一个参数deliminator。join方法将数组中的所有元素连接在一起,以deliminator分隔。

var array = [1,2,3,4]
console.log(array.join('-')) // 输出1-2-3-4

返回部分序列

slice(start_index, end_index)方法可以将数组的一部分以一个新array返回。

var array = [1,2,3,4]
console.log(array.slice(1,3)) // 输出 [2,3]

替换元素

splice(start_index, count, item1, item2 ...),splice函数将原数组中从start_index开始的连接count个元素删除,然后依次挺入item1,item2....。splice返回被移除的元素。

var array = [1,2,3,4]
array.splice(1,2, 8, 9) // 插入8,9
console.log(array) // 输出结果为[ 1, 8, 9, 4 ]

排序

sort方法可以用来对元素排序。


var array = [2,1,4,3]

array.sort()
console.log(array) // 输出 [ 1, 2, 3, 4 ]

sort可以也可接受一个函数func(a,b),用于控制排序:

var array = [2,1,4,3]

array.sort(function(a,b){
    return a-b
})
console.log(array) // 输出 [1,2,3,4] 

为了将上述排序结果逆序,可以写成下面这样:

var array = [2,1,4,3]

array.sort(function(a,b){
    return b-a
})
console.log(array) // 输出 [4,3,2,1] 

搜索元素索引

indexOf(value, start_index=0),indexOf方法从start_index开始,搜索array中值为value的元素。

var a = [1,2,3,4,2,3,4]

console.log(a.indexOf(2)); // 输出 1
console.log(a.indexOf(2, 2)); // 输出4
console.log(a.indexOf(5)); // 输出 -1, 因为5不存在

逻辑操作

every(func)用于判定是否所有元素都能让func为true。

var array = [1,2,3,4,2,3,4]
var res = array.every(function(item){
    return item>0;
}) // 判断是否所有元素都大于0
console.log(res) // 输出 true

some(func)用于判定是否有元素能让func为true。

var array = [1,2,3,4,2,3,4]
var res = array.some(function(item){
    return item<0
}) // 判断是否有元素小于0
console.log(res) // 输出 false

函数式编程方法

Array还提供了一些函数式编程方法,如map()、filter()、reduce(),非常方便。这些函数式编程方法将在后续课程中介绍。

什么是TypedArray?

相关文章

网友评论

    本文标题:049|JavaScript Array常用方法

    本文链接:https://www.haomeiwen.com/subject/ecwaxxtx.html