数组常用方法大全

1. map()方法: 根据某种规则映射数组,得到映射之后的新数组;

完整语法
         let res = arr.map( (item,index)=>{
             console.log(item,index)
             return item*0.8
         } )

2. filter()方法:过滤数组,筛选数组元素,返回满足条件的新数组;

举例:
    let arr = [20,55,60,75,80,33]
    let res = arr.filter( item=>item % 2 == 0 )
        console.log(res)

3. reduce()返回函数累计处理的结果,经常用于求和等;

举例:
        let arr = [20,50,60,70]
            
        let res = arr.reduce( (sum,item,index)=>{
            console.log( sum,item,index)
            return sum + item
        } , 0 )
        console.log(res)

4. forEach()  遍历数组,相当于 for循环另一种写法,经常用于查找打印输出值;

举例:
        let arr = [20,55,60,75,80,33]

        arr.forEach( (item,index)=>{
            console.log(item,index)
        } )

5. every()  判断数组中是否所有元素都满足条件 (逻辑&&, 全部满足)

        return true:* 循环继续。满足条件,如果所有元素都满足,最终every默认返回值true

        return false :   * 循环结束。不满足条件,此时every返回值false            

举例:
        //判断数组中是否所有元素都是 偶数 
        let arr = [10,20,30,40,50]

         //标准写法
        let res = arr.every( (item,index)=>{
             if( item % 2 == 0 ){
                 return true
             }else{
                 return false
             }
         } )

        //简写语法
        let res = arr.every( item=>item % 2 == 0 )
        console.log( res )

  6. findIndex() 找元素下标  

            应用场景 :

                (1)如果数组中是值类型,找元素下标用: arr.indexOf( 元素 )

                (2)如果数组中是引用类型,找元素下标: arr.findIndex( )  

举例:
         //判断数组中是否所有元素都是 偶数 

        let arr = [ 
            { name:'张三',age:20}, 
            { name:'李四',age:30}, 
            { name:'王五',age:40}, 
        ]
 
        let index = arr.findIndex( item=>item.name == '李四' )
        console.log( index )

7. some()  判断 数组中是否有满足条件的元素  (逻辑或 ||, 有任意一个满足即可)

        经典应用场景:表单非空判断(判断表单数组中,有没有元素value为空)

举例:
        //判断数组中有没有奇数  
        let arr = [10,21,30,40,50]

        //标准写法
         let res = arr.some( (item,index)=>{
             if( item % 2 == 1 ){
                 return true
             }else{
                 return false
             }
         } )
        //简写语法
        let res = arr.some( item=>item % 2 == 1 )
        console.log( res )

8.  join('分隔符') : 把数组每一个元素拼接成字符串

let arr = [10,20,30]

let str = arr.join('')

console.log( str )

9. sort( function (a,b) {} ) : 数组排序;

语法:

        let arr1 = [20,5,66,88,19,35]
        arr.sort( function(a,b){
            // return a-b//从小到大
            return b-a//从大到小
        } )
        console.log(arr)

10.  reverse() : 翻转数组;

11.  concat( 数组 ) : 连接数组;

12.  push(): 向数组的尾部添加一个或多个元素;

13.  unshift() :往数组前面添加一个或多个数组元素,长度要改变;

14.  pop (): 删除数组中最后一个元素,返回删除的那个值,并将长度减 1;

15.  shift() 删除数组中第一个元素,返回删除的那个值,并将长度减 1;

16.  splice() :删除元素或者添加元素,如:splice('从哪里','删几位','添加的元素');

17.  includes() 方法用来判断一个数组是否包含一个指定的值,如果是返回 true,否则false;

18.  toString() 将数组转换成一个字符串

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值