array数组的使用

1、array.concat()

concat()方法用于合并两个或多个数组。数组合并返回一个新的数组

        const arr1 = [1, 2, 3]
        const arr2 = [4, 5, 6]
        const arr3 = arr1.concat(arr2);
        console.log(arr3);

 2、array.push()

push() 在数组后面添加新的元素

        let arr = [1, 2, 3]
        arr.push(2)
        console.log(arr);

 3、array.unshift()

unshift()在数组前面添加元素

        let arr = [1, 2, 3]
        arr.unshift(0)
        console.log(arr);

 4、array.pop()

pop()从数组最后面一个元素开始删除一个元素

        let arr = [1, 2, 3]
        arr.pop()
        console.log(arr);

 5、array.shift

shift()从数组最前面删除一个元素

        let arr = [1, 2, 3]
        arr.shift()
        console.log(arr);

 6、array.splice

splice()从数组中指定位置删除或者插入元素

        let arr = ['一', '二', '三']
            // arr.splice(从第几个元素开始,删除几个元素,插入的元素)
        arr.splice(1, 0, '四')
        console.log(arr);

        let arr = ['一', '二', '三']
            // arr.splice(从第几个元素开始,删除几个元素,插入的元素)
            // arr.splice(1, 0, '四')
            // console.log(arr);
        arr.splice(1, 1, '四')
        console.log(arr);

  7、array.forEach

forEach()获取数组中的每个元素,方便后续使用

        let arr = [1, 2, 3]
        arr.forEach(element => {
            console.log(element);
        });

   8、array.filter

filter () 过滤符合出符合条件的元素

        let arr = [1, 2, 3]
        console.log(arr.filter(it => it > 2));

   9、array.join

join()将一个数组转换为字符串,并且可以添加符号

        let arr = [1, 2, 3]
        console.log(arr.join('-'));

   10、array.reverse

reverse()将数组中的元素反转位置

        let arr = [1, 2, 3, 4]
        console.log(arr.reverse());

   11、array.find

find()筛选数组中满足条件的第一个元素,失败返回undefined

        let arr = [1, 2, 3, 4, 5];
        //   find : 查找第一个满足条件的元素
        const res = arr.find((item) => {
            return item >= 2;
        });
        console.log(res);

   12、array.findIndex

findIndex()筛选数组中满足条件的第一个元素的索引,失败返回-1

 let arr = [11, 22, 33]
        console.log(arr.findIndex(math => math > 20))

   13、array.indexOf

indexOf ()返回数组出现的第一个给定元素的索引,失败返回-1

        let arr = [11, 22, 33]
        console.log(arr.indexOf(33))

   14、array.sort

sort () 给数组排序,默认排序是按照它们的 UTF-16 码元值升序排序,一般使用于排大小

        let arr = [11, 55, 160, 1, 2]
        let res = arr.sort((a, b) => {
            return a - b
        })
        console.log(res);

 15、array.IastindexOf   

lastindexOf ()返回数组中给定的元素的最后一个元素的索引,没有就返回-1

        let arr = [11, 55, 160, 1, 2, 11]
        console.log(arr.lastIndexOf(11));

   

16、array.concat

concat()合并两个或者多个数组,返回的是一个新的数组

        let arr1 = [1, 2, 3]
        let arr2 = [4, 5, 6]
        let arr3 = arr1.concat(arr2)
        console.log(arr3);

   

17、array.some

some()返回数组中寻找满足条件的元素,只要有一个即为成功为true,失败为flase

        let arr = [1, 2, 3, 4, 5]
        let res = arr.some(item => {
            return item > 2
        })
        console.log(res);

 18、array.every

every()返回数组中看是否每个元素都满足条件,成功为true,失败为flase

        let arr = [1, 2, 3, 4, 5]
        let res = arr.every((item) => {
            return item >= 1
        })
        console.log(res);

   19、array.map

map()创建出一个新的数组,并把原来数组的值映射出来

        let arr = [{
            name: "张三",
            sex: "男",
            age: 18
        }, {
            name: "李四",
            sex: "男",
            age: 16
        }, {
            name: "王小美",
            sex: "女",
            age: 20
        }]
        const res = arr
            .filter((it) => it.age > 17)
            .map((it) => it.name)
            .join('-')
        console.log(res);

   20、array.includes

includes()判断一个数组中是否包含一个元素,成功返回true,失败返回flase

        let arr = [1, 2, 3, 4, 5]
        console.log(arr.includes(3));

   21、array.slice

  slice()从一个索引开始,截取到另一个条件

      // slice  截取
      const animals = ["ant", "bison", "camel", "duck", "elephant"];

      console.log(animals.slice(2)); // 从索引开始截取后面所有
      // expected output: Array ["camel", "duck", "elephant"]

      console.log(animals.slice(2, 4)); // 从索引开始 截取到 第二个参数之前
      // expected output: Array ["camel", "duck"]

      console.log(animals.slice(1, 5)); 
      // expected output: Array ["bison", "camel", "duck", "elephant"]

      console.log(animals.slice(-2)); // 截取后两个
      // expected output: Array ["duck", "elephant"]

      console.log(animals.slice(2, -1)); // 
      // expected output: Array ["camel", "duck"]

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值