1.擴展運算符之(spread)(...)
例如:
- console.log(...[4,5,6])
//4 5 6 - console.log(1,...[4,5,6],7)
//1 4 5 6 7 - const arr=[...(x>0?['a']:[]),'b'];
//...運算符后面可以放表達式 - [...[],1]
//[1] ...運算符號是空數(shù)組不產(chǎn)生任何結果。
可能會用到的地方:
函數(shù)
例:function f(z,x,c,v,b,n){}
var args=[0,1];
f(-1,...args,2,...[3])
此時...args等同于...[0,1]也就是0 1
2.es5的apply()方法被es6(spread)(...)取代,更方便谭网。
舉例
<b>1.兩者的對比之求數(shù)組最大值</b>
例:
//ES5的寫法
Math.max.apply(null,[1,2,3])
//ES6的寫法
Math.max(...[1,2,3])
//等同于
Math.max(1,2,3)
更方便的應用于:
1..用于將一個數(shù)組添加到另一個數(shù)組的尾部
//ES5的寫法
var arr1=[0,1,2];
var arr2=[3,4,5];
Array.prototype.push.apply(arr1,arr2);
//ES6的寫法
var arr1=[0,1,2];
var arr2=[3,4,5];
arr1.push(...arr2);
2.與解構賦值結合使用榜苫,用于返回一個對象但是需要不同的分組的情況
const [first,...rest]=[1,2,3,4,5];
//first對應于值1
//rest對應于值[2,3,4,5]
3.函數(shù)返回值,es5中js只能返回一個值毁欣,如果是多個值則需要返回數(shù)組或者對象,es6(...)運算符可以直接解析返回的一堆數(shù)據(jù)</b>
var dateFields = readDateFields(database);
var d = new Date(...dateFields);
4.用于將字符串轉(zhuǎn)化為真正的數(shù)組</b>
[...'hello']
// [ "h", "e", "l", "l", "o" ]
3.Array.of()
<b>Array.of()將一組值芦缰,轉(zhuǎn)化為數(shù)組</b>
Array.of(3, 11, 8) // [3,11,8]
<b>Array.of基本上可以用來替代Array()或new Array()蓄坏,并且不存在由于參數(shù)不同而導致的重載价捧。它的行為非常統(tǒng)一。</b>
<b>兩者的對比:</b>
<b>Array()</b>
Array() // []
Array(3) // [, , ,]
Array(3, 11, 8) // [3, 11, 8]
<b>Array.of</b>
Array.of() // []
Array.of(undefined) // [undefined]
Array.of(1) // [1]
Array.of(1, 2) // [1, 2]
4.數(shù)組實例的 copyWithin()
Array.prototype.copyWithin(target, start = 0, end = this.length)
它接受三個參數(shù)涡戳。
target(必需):從該位置開始替換數(shù)據(jù)结蟋。
start(可選):從該位置開始讀取數(shù)據(jù),默認為0渔彰。如果為負值嵌屎,表示倒數(shù)。
end(可選):到該位置前停止讀取數(shù)據(jù)恍涂,默認等于數(shù)組長度宝惰。如果為負值,表示倒數(shù)再沧。
<h3><b>5.數(shù)組實例的 find() 和 findIndex()</b></h3>
舉例
<b>1.</b>[1, 5, 10, 15].find(function(value, index, arr) {
return value > 9;
}) // 10
<b>2.</b>[1, 5, 10, 15].findIndex(function(value, index, arr) {
return value > 9;
}) // 2
<p>find()方法找到的是第一個目標值尼夺,第二個就不管了。findIndex()找到的是第一目標值的索引位子炒瘸,第二個就不繼續(xù)找了汞斧。當然也彌補了indexof()方法的不足</p>
[NaN].indexOf(NaN)
// -1
[NaN].findIndex(y => Object.is(NaN, y))
// 0
<h3><b>6.遍歷數(shù)組的不同方法</b></h3>
entries(),keys() 和 values()什燕。區(qū)別是keys()是對鍵名的遍歷粘勒、values()是對鍵值的遍歷,entries()是對鍵值對的遍歷屎即。
for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b"
<h3><b>7.includes()庙睡,indexOf()查找是否包含某個值</b></h3>
[1, 2, 3].includes(3, 3); // false 第一個參數(shù)表示要查找的值,
[1, 2, 3].includes(3, -1); // true
[NaN].indexOf(NaN)
// -1