結合擴展運算子使用
function foo(a,b,c){ console.log(a,b,c); } foo(...[1,2,3]);//將陣列展開，一一對應
用法：
const arr=["cyy",18,["html","css"]]; function info(name,age,hobby){ console.log(`我叫${ name }，我今年${ age }歲，我喜歡${ hobby.join("和") }`); } info(arr[0],arr[1],arr[2]); //使用擴展運算子 info(...arr); //使用apply達到類似效果 //1、第一個是物件，如果使用apply方法的函式中有this使用，可以指定物件，改變this的指向 //2、第二個引數是陣列 info.apply(null,arr);
//Math.max() 求最大值 const arr=[1,11,35,3]; //擴展運算子展開陣列 console.log(Math.max(...arr)); //apply展開陣列 //方法.apply(this,陣列) console.log(Math.max.apply(null,arr));
使用擴展運算子合并陣列
const arr1=[1,2]; const arr2=[3,4]; //合并陣列 const narr1=[11,22,...arr1]; //合并陣列2 const narr11=[...arr1,...arr2]; //復制陣列 const narr2=[...arr1]; //復制陣列2 const [...narr3]=arr1;
生成器函式
function 關鍵字與函式名之間有一個星號
ES6 沒有規定，function 關鍵字與函式名之間的星號，寫在哪個位置
函式體內部使用 yield 運算式，定義不同的內部狀態
function *g(){ console.log(1); yield "first"; console.log(2); yield "second"; } const arr=[...g()];
next 方法，使得指標移向下一個狀態，每次呼叫 next 方法，內部指標就從函式頭部或
上一次停下來的地方開始執行，直到遇到下一個 yield 運算式（或 return 陳述句）為止
yield 運算式就是暫圖示志
function *g(){ console.log(1); yield "first"; console.log(2); yield "second"; } const gg=g(); gg.next();//1 setTimeout(function(){ gg.next();//2 },1000);
ES6提供新的資料結構set
會去除重復資料
let set=new Set([1,2,3,44,1,2]); console.log(set); console.log([...set]);//去重之后轉回陣列
隨機產生十個整數，放入陣列中，對這個陣列進行降序排序，并將這個陣列的最大值和最小值
//創建一個空陣列，用來接收后面的十個整數 let arr=[]; //在0~100之間的隨機整數中，獲取十個整數，放入創建的陣列中 for(let i=0;i<10;i++){ let num=Math.floor(Math.random()*101); arr.push(num); } //對陣列進行降序排序 arr.sort(function(a,b){ return b-a; }) //使用擴展運算子結合Math.min()與Math.max()獲取到這個陣列的最大值和最小值 let max=Math.max(...arr); let min=Math.min(...arr); console.log(arr); console.log(max); console.log(min);
新的方法
Array.from 類陣列轉陣列
//類陣列 const obj={ 0:"10", 1:"20", 2:"30", length:2//限制陣列長度 } console.log(Array.from(obj));//(2) ["10", "20"] //第二個引數是回呼，可以對每一項進行操作 console.log(Array.from(obj,item=>item*2));//(2) [20, 40] //以前的方式，類陣列轉陣列 console.log(Array.prototype.slice.call(obj));//(2) ["10", "20"] //以前的方式，類陣列轉陣列2 console.log([].slice.call(obj));//(2) ["10", "20"]
使用擴展運算子將類陣列轉為陣列，比較復雜
//類陣列 const obj={ 0:"10", 1:"20", 2:"30", length:2//限制陣列長度 } //Symbol.iterator為每一個物件定義了默認的迭代器，該迭代器可以被 for…of 回圈使用 obj[Symbol.iterator]=function(){ return { //next方法是迭代器iterator的一個方法，它的回傳至少有一個物件，且物件中有兩個屬性：value和done // （1）value 用于定義迭代出來的值 // （2）done 布爾型別： // ①設定true，則直接回傳； // ②不設定或者設定false，則繼續走方法，類似for回圈 next:function(){ //Reflect.ownKeys() 回傳一個由目標物件自身的屬性鍵組成的陣列 let objArr=Reflect.ownKeys(obj) if(this.index<objArr.length-2){ let key=objArr[this.index] this.index++ return { value:obj[key] } }else{ return { done:true } } }, index:0 } } console.log([...obj]);
Array.of() 把傳入的資料轉為陣列
console.log(Array.of(1,2,3,4));
使用fill填充陣列
//fill通常用來設定陣列的默認值 let arr=new Array(10); let arr2=new Array(10).fill(0); //如果陣列原來有值，會被fill中填充的值覆寫掉 let arr3=[1,2,3].fill(0); //fill可以指定范圍，引數1是用來填充的值，引數2是填充開始位置，引數3是填充結束位置（不包括） let arr4=new Array(10).fill(0,0,3);
Array.includes() 檢測陣列中是否包含某一項
let arr=[1,2,3,4]; console.log(arr.includes(1));//true console.log(arr.includes(5));//false
keys values entries
let arr=[1,2,3,4];
console.log(arr.keys());
這個輸出代表是一個迭代器介面，可以通過for of遍歷輸出
let arr=[1,2,3,4]; console.log(arr.keys()); //回圈輸出鍵名 for(let i of arr.keys()){ console.log(i); } //回圈輸出鍵值 for(let i of arr.values()){ console.log(i); } //回圈輸出鍵名和鍵值 for(let [k,v] of arr.entries()){ console.log(k,v); }
find 根據給定的條件（回呼形式）遍歷陣列，結果為true時則回傳該值（回傳后不再繼續遍歷）
findIndex 根據給定的條件（回呼形式）遍歷陣列，結果為true時則回傳該值對應的下標（回傳后不再繼續遍歷）
回呼中可以獲取到三個引數，分別是值、下標、陣列
//find const arr=[1,3,5,22,66].find(function(value,index,arr){ console.log(value,index,arr); return value%2===0;//回傳偶數 }); console.log(arr); //改造為箭頭函式 const arr2=[1,3,5,22,66].find((value,index,arr)=>value%2===0);//回傳偶數 console.log(arr2); console.log("---------------------------"); //find const arr3=[1,3,5,22,66].findIndex(function(value,index,arr){ console.log(value,index,arr); return value%2===0;//回傳偶數 }); console.log(arr3); //改造為箭頭函式 const arr4=[1,3,5,22,66].findIndex((value,index,arr)=>value%2===0);//回傳偶數 console.log(arr4);
indexOf不能判斷陣列中是不是有NaN，但是可以用findIndex來判斷
// indexOf不能判斷是否含有NaN const res=[1,3,5,NaN,66].indexOf(NaN); console.log(res);//-1 //findIndex可以判斷是否含有NaN const res2=[1,3,5,NaN,66].findIndex((value,index,arr)=>Number.isNaN(value)); console.log(res2);
輸出結果是：[undefined, undefined, undefined, undefined]
類陣列物件的屬性名必須為數值型或字串型的數字，要將一個類陣列物件轉換為一個真正的陣列，必須具備以下條件：
1、該類陣列物件必須具有length屬性，用于指定陣列的長度，如果沒有length屬性，那么轉換后的陣列是一個空陣列
2、該類陣列物件的屬性名必須為數值型或字串型的數字
該類陣列物件的屬性名可以加引號，也可以不加引號
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/139474.html
標籤：JavaScript
上一篇：ES6 物件擴展