ES6系列之---数组新增的内置函数

最新推荐文章于 2022-12-17 14:55:43 发布

keji_123

最新推荐文章于 2022-12-17 14:55:43 发布

阅读量690

点赞数

CC 4.0 BY-SA版权

分类专栏：平时学习笔记

本文链接：https://blog.youkuaiyun.com/keji_123/article/details/78444622

平时学习笔记专栏收录该内容

35 篇文章

订阅专栏

本文介绍了JavaScript中Array.from()方法如何将类数组转换成数组，Array.of()创建数组的方法，以及find(), findIndex(), fill()等实用数组操作方法的使用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Array.from()

把类数组转换为数组

<body>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

</body>


<script>
    var li=document.querySelectorAll("li");
    console.log(Array.isArray(li));//false
    var li2=Array.from(li);
    console.log(Array.isArray(li2));//true
</script>

Array.of()

创建一个数组

  const arr=Array.of(1,2,3,2,5);
    console.log(arr);//[1,2,3,2,5]

find()

查找数组中符合条件的第一个元素，找不到返回undefined

const  arr1=[1,2,4,6,9];
   let res=arr1.find(function (a) {
       return a<9;
   })
   console.log(res);//1

findIndex()

查找数组中符合条件的第一个元素的下标,找不到返回-1

   const  arr2=[1,2,4,6,9];
   let res2=arr2.findIndex(function (a) {
       return a<6;
   })
   console.log(res2);//0

fill()

数组填充

const arr3=[1,3,5];
    /*arr3.fill("acd");
    console.log(arr3);*/  //["acd","acd","acd"]
   arr3.fill("acd",1,2);
   console.log(arr3);//[1, "acd", 5]