新增数组API

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
        静态方法"
        Array.of(...args) 创建一个新数组
        Array.from(arg)将类数组转化成一个真正数组
        实例方法
        find(callback):用于寻找满足条件的第一个元素
        findIdex(callback):用于查询寻找满足条件第一个的元素的下标
        fill(data):用于指定数组填充数组中所有内容
        copyWithin(target,start?,end?):在数组中完成复制(target =从第几个值开始;start=来源于索引下标N的数 end=结束的位置)
        includes(data):判断数组中是否包含某个值,使用object.js匹配
     -->
</head>

<body>
    <div></div>
    <script>
        var arr = [1, 2, 3, 4, 5]

        // var arr1 = Array.of(...arr)
        // console.log(arr1) 

        // var div = document.querySelectorAll('div')
        // var arr2 = Array.from(div);
        // console.log(arr2)


        var arr3 = [
            {
               name:'a',
               id:1 
            },
            {
               name:'b',
               id:2
            },
            {
               name:'c',
               id:3
            },
            {
               name:'c',
               id:1
            }
        ]
       var arr33 =  arr3.find(item=> item.id === 1)
      // console.log(arr33)
       var arr333 =  arr3.findIndex(item=> item.id === 3)
       //console.log(arr333)//3;查找出满足该条件的下标

       var arr4 = new Array(100)
      // console.log(arr4.fill('abc'))

      var arr5 = [1,2,3,4,5,6]
      //console.log(arr5.copyWithin(2,1))//[1, 2, 2, 3, 4, 5]//第二个值是1代表从arr5数组中1的索引位置取值在往后排列
     // console.log(arr5.copyWithin(2,1,2))//第三个值表示停止的位置;从2的索引位置开始,从索引1的位置开始复制;在索引3的位置结束

     var arr6 = [1,2,3,4]
     console.log(arr6.includes(1))//判断数组中有没有这个值
    </script>
</body>

</html>

  

posted on 2023-05-15 21:32  爱前端的小魏  阅读(21)  评论(0编辑  收藏  举报

导航