JavaScript教程之js中数组常用方法总结

当前位置:

首页 > 网站开发 > JavaScript >

JavaScript教程之js中数组常用方法总结

前言

从事前端到现在也有快两年了，平时也会收集整理一些笔记放在印象笔记，不过收集过之后就在没有看过，经大佬指点，真正掌握一个知识点，最好的方式就是用自己的话把内容讲明白，就开始将以前零散的东西整合一下，和各位道友一起提高。

操作数组

印象中数组有很多方法，系统的整理一下，放在自己家里方便回头查~

Array.map()

此方法是将数组中的每个元素调用一个提供的函数，结果作为一个新的数组返回，并没有改变原来的数组

let arr = [1, 2, 3, 4, 5]

    let newArr = arr.map(x => x*2)

    //arr= [1, 2, 3, 4, 5]   原数组保持不变

    //newArr = [2, 4, 6, 8, 10] 返回新数组

Array.forEach()

此方法是将数组中的每个元素执行传进提供的函数，没有返回值，直接改变原数组，注意和map方法区分

let arr = [1, 2, 3, 4, 5]

   num.forEach(x => x*2)

   // arr = [2, 4, 6, 8, 10]  数组改变,注意和map区分

Array.filter()

此方法是将所有元素进行判断，将满足条件的元素作为一个新的数组返回

let arr = [1, 2, 3, 4, 5]

    const isBigEnough => value => value >= 3

    let newArr = arr.filter(isBigEnough )

    //newNum = [3, 4, 5] 满足条件的元素返回为一个新的数组

Array.every()

此方法是将所有元素进行判断返回一个布尔值，如果所有元素都满足判断条件，则返回true，否则为false：

let arr = [1, 2, 3, 4, 5]

    const isLessThan4 => value => value < 4

    const isLessThan6 => value => value < 6

    arr.every(isLessThan4 ) //false

    arr.every(isLessThan6 ) //true

Array.some()

 此方法是将所有元素进行判断返回一个布尔值，如果存在元素都满足判断条件，则返回true，若所有元素都不满足判断条件，则返回false：

let arr= [1, 2, 3, 4, 5]

    const isLessThan4 => value => value < 4

    const isLessThan6 => value => value > 6

    arr.some(isLessThan4 ) //true

    arr.some(isLessThan6 ) //false

栏目列表