最新公告
  • 欢迎您光临网站无忧模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • JavaScript数组API汇总

    正文概述 掘金(用户1935731553837)   2021-08-08   523

    数组中的API(方法)

    在学习JavaScript的道路上,数组是一个非常重要的部分,数组中的API很多,也容易混淆,每次对数组操作的时候都要去查文档,学习的路上也不能一直前进,有时候要停下来做一下总结,我总结了平时比较常用的一些数组API,希望也可以帮到你。

    arry.push()

    把一个元素增加到数组的末尾,返回的值为新数组的长度arry.length

    let arry = [2, 9, 5]
    let returnValue = arry.push(4)
    console.log(returnValue) // 4
    console.log(arry) // [2, 9, 5, 4]
    

    arry.pop()

    删除数组中最后一个元素,返回值为删除的元素,实例:

    let arry = [2, 9, 5]
    let returnValue = arry.pop()
    console.log(returnValue) // 5
    console.log(arry) // [2, 9]
    

    arry.unshift()

    push方法类似,区别在于它是在数组的前面添加元素,返回值为新数组的长度arry.length,示例

    let arry = [2, 9, 5]
    let returnValue = arry.unshift(4)
    console.log(returnValue) // 4
    console.log(arry) // [4, 2, 9, 5]
    

    由此可知,使用pushshift组合可以实现数据的‘先进先出’当然也可以使用unshiftpop

    arry.reverse()

    把数组反向排序,这里要注意它会改变原来的数组,而不会创建新的数组,示例:

    let arry = [2, 9, 5]
    arry.reverse()
    console.log(arry) // [ 5, 9, 2 ]
    

    arry.sort()

    对数组进行排序,可接受参数,参数必须是函数,如果不没有参数 则是按照字符编码的顺序进行排序,示例:

    let arry = [10, 5, 40, 1000]
    console.log(arry.sort()) // [ 10, 1000, 40, 5 ]
    

    如果数字想要按大小排列,可写入参数:

    let arr = [3, 1, 7]
    console.log(arr.sort((a, b) => a - b)) // [ 1, 3, 7 ]
    

    arry.forEach(item, index)arry.map(item, index)

    两者都是对数组遍历,index表示数组索引,不是必须的参数区别在于map方法会返回一个新的数组,示例:

    let arry = [1, 5, 10, 15];
    let arry1 = arry.map( x => x + 2);
    console.log(arry1) // [ 3, 7, 12, 17 ]
    

    arry.some()

    用于检测数组中的元素是否满足指定条件,参数也是函数如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素,则返回false。

    let arry = [1, 5, 10, 15];
    console.log(arry.some(item => item > 10)) // true
    

    arry.every()

    用于检测数组中的所有元素是否满足指定条件,只有当数组中灭一个元素都满足条件时,表达式返回true , 否则返回false,示例:

    let arry = [5, 10, 15];
    console.log(arry.every(item => item > 2)) // true
    

    arry.filter()

    它创建一个新的数组,原数组不变,新数组中的元素是通过检查指定数组中符合条件的所有元素,示例

    let arry = [1, 5, 10, 15];
    let arry1 = arry.filter(item => item > 5)
    console.log(arry) // [ 1, 5, 10, 15 ]
    console.log(arry1) // [ 10, 15 ]
    

    arry.join()

    把数组元素合并为一个字符串,如果不带参数,默认用逗号分隔

    let arry = [5, 10, 15];
    console.log(arry.join()) // 5,10,15
    // 添加参数
    let arry = [5, 10, 15];
    console.log(arry.join('.')) // 5.10.15
    

    arry.splice(index, hm, add)

    它既可以删除特定的元素,也可以在特定位置增加元素,也可以删除增加同时搞定,index是起始位置,hm是要删除元素的个数,add是要增加的元素,上例子:

    let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
    myFish.splice(2, 0, 'drum') // hm为0 表示不删除任何元素
    console.log(myFish) // [ 'angel', 'clown', 'drum', 'mandarin', 'sturgeon' ]
    
    let myFish = ['angel', 'clown', 'mandarin', 'sturgeon']
    myFish.splice(2, 1, 'drum')
    console.log(myFish)  // [ 'angel', 'clown', 'drum', 'sturgeon' ]
    

    arry.concat()

    用于连接两个或多个数组,返回值为连接后的新数组,原数组不变,示例:

    let arry1 = [1, 2, 3]
    let arry2 = [4, 5, 6]
    arry1.concat(arry2)
    console.log(arry1.concat(arry2)) // [ 1, 2, 3, 4, 5, 6 ]
    

    这些就是关于数组常用的api,可以大胆地添加收藏,以备不时之需~


    下载网 » JavaScript数组API汇总

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元