ES6入门---第二单元 模块二:关于数组新增
一、扩展运算符。。。
1、可以把ul li转变为数组
<script>window.onload=function (){let aLi = document.querySelectorAll('ul li');let arrLi = [...aLi];arrLi.pop();arrLi.push('asfasdf');console.log(arrLi);};</script>
</head>
<body><ul><li>11</li><li>222</li><li>333</li><li>444</li></ul>
</body>
2、补充:
Array.from:
作用: 把类数组(获取一组元素:arguments...) 对象转成数组
个人观点: 具备 length这个东西就是类数组
例:
<script>let json ={0:'apple',1:'banana',2:'orange',length:3//不添加length会出错 加上可正常显示数组};let arr = Array.from(json);console.log(arr);</script>
Array.of(): 把一组值,转成数组
let arr = Array.of('apple','banana','orange');
console.log(arr);
arr.find(): 查找,找出第一个符合条件的数组成员,如果没有找到,返回undefined
例:
<script>let arr = [23,900,101,80,100];let res = arr.find((val, index, arr) =>{return val>1000;});console.log(res);</script>
arr.findIndex(): 找的是位置, 没找到返回-1
arr.fill() 填充
arr.fill(填充的东西, 开始位置, 结束位置);
例:
<script>let arr = new Array(10);arr.fill('默认值')console.log(arr);</script>
<script>let arr = new Array(10);arr.fill('默认值',1,3);//只在1 3 位置填充console.log(arr);</script>
在ES2016里面新增:
arr.indexOf() 返回某个指定的字符串值在字符串中首次出现的位置。
arr.includes()//是否包含数组中元素
str.includes()
split() 方法用于把一个字符串分割成字符串数组。
arrLi.pop(); 数组中减一个元素
args.push(6);加一个是6的元素