个人总结数组常见API

1:数组转换成字符串 join('') 

        let arr = [1, 2, 3, 4, 5, 6, 10]
        //数组的方法1:join('分隔符') 把数组变成字符串通过分隔符链接 
        console.log(arr.join(''));// '12345610'

2:添加数组元素的方法 末尾添加push() ,末尾删除pop(),头部添加unshift(),头部删除shift()

        //数组的方法1:push()尾部天机数组元素
        let arr = [1, 2, 3, 4, 5, 6, 10]
        arr.push(11)
        console.log(arr);// [1, 2, 3, 4, 5, 6, 10, 11]

3:翻转数组的方法 reverse(),返回一个新数组

        //翻转数组reverse(),返回一个新数组
        let arr = ['你好', 2, 3, 4, 5, 6, "武漢"]
        let newarr = arr.reverse()
        console.log(newarr)// ["武漢", 6, 5, 4, 3, 2, "你好"]

4:数组排序 sort()一般用作冒泡排序 在原数组上修改 不返回值

        //数组排序 sort()一般用作冒泡排序

        let arr = [5, 2, 3, 1, 3, 6, 0, 5]
        arr.sort(function (a, b) { return a - b })
        console.log(arr) // [0, 1, 2, 3, 3, 5, 5, 6]

5: 查找数组元素并返回索引号的方法 indexOf()

        let arr = [5, 2, 3, 1, 3, 6, 0, 5]
        let a = arr.indexOf(3)
        console.log(a); // 2

6: 查找数组对象中符合条件的对象,并返回相应的索引号的方法 findIndex()

// 查找数组或对象中符合条件的对象,并返回相应的索引号的方法 findIndex()        
        let arr = [3, 10, 18, 20]
        let a = arr.findIndex(item => item > 10)
        console.log(a) // 2
----------------------------------------------------------------
        let arr = [
            {
                name: "didi",
                age: 18
            }
            , {
                name: "dodo",
                age: 20
            }, {
                name: "dudu",
                age: 15
            }
        ]
        let a = arr.findIndex(item => item.age > 19)
        console.log(a); // 1

7:添加或删除数组中的元素用 splice() 

        let arr = [
            {
                name: "didi",
                age: 18
            }
            , {
                name: "dodo",
                age: 20
            }, {
                name: "dudu",
                age: 15
            }
        ]
        arr.splice(1, 1)
        // 第一个参数为索引,第二个参数为删除的个数,第三个参数要添加的元素,在删除的地方添加
        //返回删除元素的数组, 原数组会发生变化
        

8:数组合并使用concat()方法

        concat(arr,arr1)
        //返回一个合并后的数组.特殊情况下可用用来深拷贝一个数组

9:数组迭代方法 forEach() 循环

        // 数组迭代方法 forEach() 循环
        let arr = [1, 2, 3, 4, 5]
        let sum = 0
        arr.forEach(item => { sum += item })
        console.log(sum); // 15

10:筛选数组的方法filter() 

        // 数组筛选的方法filter() 筛选数组对象同理
        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        let newarr = arr.filter(item => item % 2 === 0)
        console.log(newarr);//[2, 4, 6, 8, 10]

11: 用于监测数组中的元素是否满足指定的条件some(),返回布尔值,如果找到则必须return

        // 监测数组中的元素是否满足指定的条件some()
        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        console.log(arr.some(item => item === 7));// true
        console.log(arr.some(item => item >= 11));// false

12:数组转化成JSON字符串的方法JSON.stringify(arr)

        // 数组转化成JSON字符串的方法JSON.stringify(arr)
        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        let str = JSON.stringify(arr)
        console.log(str);//"[1,2,3,4,5,6,7,8,9,10]"JSON字符串

13:every() 方法用于检测数组所有元素是否都符合指定条件

        // every() 方法用于检测数组所有元素是否都符合指定条件
        let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]
        let a = arr.every(item => item >= 5)
        console.log(a); // false
        let b = arr.every(item => item <= 20)
        console.log(b); // true

14:slice()选取数组的一部分,并返回一个新数组。 两个参数都是索引号.不包含最后一个(也可以用作字符串的读取方式)字符串不常用

如果是负数,那么它规定从数组尾部开始算起的位置。如果该参数为负数,则表示从原数组中的倒数第几个元素开始提取,slice(-2) 表示提取原数组中的倒数第二个元素到最后一个元素


        let arr = [1, 5, 3, 4, 5, 6, 7, 8, 9, 10]
        let a = arr.slice(1, 2)
        console.log(a); //只会提取 5这个元素 返回[5] 原数组不会改变

15:reduce()方法接收一个函数作为累加器,数组中的每个值(从左到右)开始缩减,最终计算为一个值。 对于空数组不会调用该函数

        // reduce()方法接收一个函数作为累加器一般用作一个组数对象求和
        let arr = [1, 5, 3, 4, 5, 6, 7, 8, 9, 10]
        let sum = arr.reduce((sum, obj) => sum += obj, 0)
        //reduce里面第一个参数为回调函数,第二参数为传递给函数的初始值
        // 回调函数里面第一个参数为初始值,第二个参数为当前元素,可以有第三个索引和第四个当前arr数组
        console.log(sum);//58 

16.toLocaleString( ) 

var d=new Date();
var n=d.toLocaleString();

还可以将数字变成千分位格式:

let num=12345678;
console.log(num.toLocaleString()); // 12,345,678

不常用的有keys() 返回数组的可迭代对象,包含原始数组的键(key)。

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

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值