一.三点运算符
//1:函数传不定参数,验证数组的长度。 function demo(a,...b){ console.log(a,b);//b为数组 2,3,4,5 } demo(1,2,3,4,5); //2:与解构使用 let [a,...b] = [1,2,3,4,5]; console.log(a,b); //3:与数组解构使用 函数传对象 function demo({username,password}){ console.log(username,password); } demo({username:'root',password:'123456'}); ===========扩展运算符(...):============ 1:用...输出数组 const arr = [1,2,3]; console.log(...arr); //2:合并数组 const arr1 = [1,2,3]; const arr2 = [4,5,6]; const arr3 = [...arr1,...arr2]; console.log(arr3); //3:将类数组转为真正的数组 const divEle = document.getElementsByTagName("div"); const arr = [...divEle]; console.log(arr); let str = "1234"; console.log([...str]); //====================练习===================== //1:复制数组 const arr1 = [1,2,3]; const arr2 = [...arr1]; arr2[0]=5; console.log(arr1,arr2); //2:创建一个函数:用扩展运算符计算两个数的和。 function demo(a,b){ return a+b; } const arr1 = [1,2]; const arr2 = [4,5]; console.log(demo(...arr1)); console.log(demo(...arr2));
二.arr对象的使用方法
<script type="text/javascript"> //1.Array.form()将伪数组或可遍历对象转换为真正的数组 let str = '1234'; const arr = Array.form(str); console.log(arr); const Arr = { 2:'a', 3;'b', lenght:4 } console.log(Array.form(Arr)); //2.array.find返回数组符合条件第一个元素的值 const arr = [1,2,3,4]; let num = arr.find(item=>item==3); console.log(num); // 找数组包对象 const arr = [ {realname:'张三1',age:18}, {realname:'张三2',age:15}, {realname:'张三3',age:19}, {realname:'张三4',age:14}, ]; console.log(arr.find(item=>item.age==17)); //3.array.findindex找到符合条件的第一个元素的索引 const arr = [1,2,3,4]; console.log(arr.findIndex(item=>item==4)); const arrobj = [ {realname:'张三1',age:18}, {realname:'张三2',age:15}, {realname:'张三3',age:19}, {realname:'张三4',age:14}, ] console.log(arrobj.findIndex(item=>item.age==19)); // 4.arr.includes():找出某个数组是否包含给定的值 const arr = [1,2,3,4]; console.log(arr.includes(10));//有就返回true 没有就返回false </script>