美文网首页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