当前位置:网站首页>ES6-数组
ES6-数组
2022-07-31 05:18:00 【春意迟迟、】
(1)数组的创建
Array.of():将参数中所有值作为元素形成数组。
<script> var arr1=Array.of(1,2)//参数作为数组的元素,可以多个参数 console.log(arr1) //[1,2] //区别于new Array: var arr2=new Array(2)//参数是数组的大小:length为2 console.log(arr2) </script>
(2)Array.from():将集合等转化为数组
<script> var set1=new Set() set1.add(1) set1.add(2) set1.add(3) set1.add(4) var arr=Array.from(set1,function(el){ console.log(el) console.log(el,this)//可选,用于指定 map 函数执行时的 this 对象。 return el+"岁"//也可以取90,打印结果会是4个90 })//el:是set1中的数据, console.log(arr)//["1岁","2岁","3岁","4岁"] </script>有三个参数:想要转换的类数组对象或可迭代对象;可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素;可选,map 函数,用于对每个元素进行处理,放入数组的是处理后的元素。
(3) 扩展方法
find():查找数组中符合条件的元素,若有多个符合条件的元素,则返回第一个元素。
<script> //find()查找符合条件的元素, //第一次查找到以后就不返回后面符合条件的元素 var arr1=[10,20,30] var re=arr1.find(function(el){ if(el>18){ return ture } }) console.log(re)//20 </script>
include():数组是否包含指定值。
<script> //includes()是否包含指定数值 var arr=[1,2,3,{name:"rose"}] var re=arr.includes(2) console.log(re)//true var re2=arr.includes({name:"rose"}) console.log(re2)//false re只是引用arr中的对象 </script>
findIndex() :查找符合条件的元素的下标,查找到第一个就返回,不再返回之后符合条件的元素的下标
<script> var arr=[1,2,3] var re=arr.findIndex(function(el){ if(el>2){ return true; } }) console.log(re)//2 </script>与find()一样,传回调函数.
fill():将一定范围索引的数组元素内容填充为单个指定的值。
<script> var arr = [1, 3, 5, 7, 9] console.log(arr.fill("*", 2, 4))//[1,3,"*","*",9] </script>fill(参数1,参数2,参数3):
参数1:用来填充的值(可以是数字、字符串等)
参数2:被填充的起始索引位置
参数3:可选,被填充的结束索引位置(默认为数组末尾)
flat():数组降维
<script> var arr=[[1,2],3,[[4,5],6],7] var arr1=arr.flat(1) //一级降维 console.log(arr1) //[1,2,3,[4,5],6,7] var arr2=arr.flat(2) //二级降维 console.log(arr2) //[1,2,3,4,5,6,7] </script>flat():参数为数字,表示几级降维
还有keys() 遍历键名、values()遍历键值、entries() 遍历键值对 的方法
<script> // entrys():遍历键值对。 for (let [key, value] of ['a', 'b'].entries()) { console.log(key, value); //0 "a" 1 "b" } //keys():遍历键名 for (let key of ['a', 'b'].keys()) { console.log(key); //0 1 } //values():遍历键值 for (let value of ['a', 'b'].values()) { console.log(value); //"a" "b" } </script>
边栏推荐
- Detailed explanation of mysql transaction principle
- Webrtc从理论到实践一:初识
- DSPE-PEG-Azide DSPE-PED-N3 Phospholipid-Polyethylene Glycol-Azide Lipid PFG
- DSPE-PEG-Thiol DSPE-PEG-SH phospholipid-polyethylene glycol-thiol liposome for later use
- cenos7配置IP,配置IP不生效
- 测试CSDN积分需求
- pyspark.ml feature transformation module
- 【源码笔记】痛苦来源于比较——什么是相等,hashCode() 和 equals(Object)
- Wlan实验(ENSP)
- Unity导入我的世界模型,简单图解教程(包括调整材质贴图和光照和添加碰撞)
猜你喜欢

The solution to the IDEA console not being able to enter information

VRchat_udon脚本介绍:傻瓜式教程教你如何实现VRchat地图的功能

Learning and understanding of ROS service programming

DSPE-PEG-COOH CAS: 1403744-37-5 Phospholipid-polyethylene glycol-carboxy lipid PEG conjugate

【内网开发日记】用websocket手搓一个聊天软件

Unity导入我的世界模型,简单图解教程(包括调整材质贴图和光照和添加碰撞)

超详细!!!让你通透数组!!!初学复习不迷路!!

MySQL master-slave switching steps

Embedding cutting-edge understanding

911崩了,自养号测评环境IP有哪些更好的选择
随机推荐
Unity Text一个简单的输入特效
数据分析之SQL面试真题
Pytorch study notes 13 - Basic_RNN
力扣.两数之和/四数相加||
一种用QT实现即时通信软件表情发送与接收的思路
The solution to the IDEA console not being able to enter information
多线程截取视频为每帧
Pytorch learning notes 09 - multiple classification problem
pyspark.ml feature transformation module
ImportError: cannot import name ‘Xxxx‘ from partially initialized module ‘xx.xx.xx‘
box-shadow相关属性
力扣.三数之和/四数之和
能否更上一层楼?探究 CMake 争论
cenos7安装cmake-3.22.2
Word vector - demo
小型网站组建(ENSP)
a:自我介绍
CAS:1403744-37-5 DSPE-PEG-FA 科研实验用磷脂-聚乙二醇-叶酸
Learn how to get a database connection with JDBC
DSPE-PEG-Thiol DSPE-PEG-SH 磷脂-聚乙二醇-巯基脂质体制备用