1.Array.at()

功能：接受一個(gè)整數(shù)值并返回該索引處的項(xiàng)目，允許正整數(shù)和負(fù)整數(shù)。負(fù)整數(shù)從數(shù)組中的最后一項(xiàng)開(kāi)始計(jì)數(shù)。

語(yǔ)法：Array.at(index)

參數(shù)：index：要返回的數(shù)組元素的索引（位置）。當(dāng)傳遞一個(gè)負(fù)索引時(shí)，支持從數(shù)組末尾開(kāi)始相對(duì)索引；即，如果使用負(fù)數(shù)，將通過(guò)從數(shù)組末尾開(kāi)始倒數(shù)來(lái)找到返回的元素。

返回值：數(shù)組中與給定索引匹配的元素。undefined如果找不到給定的索引，則返回

<script type="text/javascript">
			var arr = [1,2,3,4,5];
			var newarr = arr.at(-1);
			console.log(newarr);// 5
			var newarr = arr.at(3);
			console.log(newarr);// 4
</script>

2. Array.copyWithin()

功能：淺復(fù)制數(shù)組的一部分到同一數(shù)組中的另一個(gè)位置，并返回它，不會(huì)改變?cè)瓟?shù)組的長(zhǎng)度。

語(yǔ)法：arr.copyWithin(target[, start[, end]])

參數(shù)：

target:

0 為基底的索引，復(fù)制序列到該位置。如果是負(fù)數(shù)，target 將從末尾開(kāi)始計(jì)算。

如果 target 大于等于 arr.length，將會(huì)不發(fā)生拷貝。如果 target 在 start 之后，復(fù)制的序列將被 修改以符合 arr.length。

start:

0 為基底的索引，開(kāi)始復(fù)制元素的起始位置。如果是負(fù)數(shù)，start 將從末尾開(kāi)始計(jì)算。

如果 start 被忽略，copyWithin 將會(huì)從0開(kāi)始復(fù)制。

end:

0 為基底的索引，開(kāi)始復(fù)制元素的結(jié)束位置。copyWithin 將會(huì)拷貝到該位置，但不包括 end 這 個(gè)位置的元素。如果是負(fù)數(shù)， end 將從末尾開(kāi)始計(jì)算。

如果 end 被忽略，copyWithin 方法將會(huì)一直復(fù)制至數(shù)組結(jié)尾（默認(rèn)為 arr.length）

<script type="text/javascript">
			var arr = [1,2,3,4,5];
			var arr2= arr.copyWithin(-2)
			console.log(arr2); // [1, 2, 3, 1, 2]
			var arr3= arr.copyWithin(0, 3)
			console.log(arr3); // [4, 5, 3, 4, 5]
			var arr4= arr.copyWithin(0, 3, 4)
			console.log(arr4); // [4, 2, 3, 4, 5]
			var arr5= arr.copyWithin(-2, -3, -1)
			console.log(arr5); // [1, 2, 3, 3, 4]
</script>

3. Array.entries()

功能：返回一個(gè)新的Array Iterator對(duì)象，該對(duì)象包含數(shù)組中每個(gè)索引的鍵/值對(duì)。

語(yǔ)法：arr.entries()

返回值：一個(gè)新的 Array 迭代器對(duì)象。Array Iterator是對(duì)象，它的原型（__proto__:Array Iterator）上有一個(gè)next方法，可用用于遍歷迭代器取得原數(shù)組的[key,value]。

<script type="text/javascript">
			var array1 = ['a', 'b', 'c'];
			var iterator1 = array1.entries();
			console.log(iterator1.next().value);
			// expected output: Array [0, "a"]
			console.log(iterator1.next().value);
			// expected output: Array [1, "b"]
</script>

4. Array.fill()

功能：用一個(gè)固定值填充一個(gè)數(shù)組中從起始索引到終止索引內(nèi)的全部元素。不包括終止索引。

語(yǔ)法：arr.fill(target[, start[, end]])

參數(shù)：

• value：用來(lái)填充數(shù)組元素的值。
• start ：可選，起始索引，默認(rèn)值為0。
• end ：可選，終止索引，默認(rèn)值為 this.length。

返回值：修改后的數(shù)組

<script type="text/javascript">
			var array1 = [1, 2, 3, 4];	
			// fill with 0 from position 2 until position 4
			console.log(array1.fill(0, 2, 4));
			// expected output: [1, 2, 0, 0]
			// fill with 5 from position 1
			console.log(array1.fill(5, 1));
			// expected output: [1, 5, 5, 5]
			console.log(array1.fill(6));
			// expected output: [6, 6, 6, 6]
</script>

5.find()

功能：返回?cái)?shù)組中滿足提供的測(cè)試函數(shù)的第一個(gè)元素的值。否則返回 undefined。

語(yǔ)法：arr.find(callback[, thisArg])

參數(shù)：

• callback：在數(shù)組每一項(xiàng)上執(zhí)行的函數(shù)，接收 3 個(gè)參數(shù)：
• element：當(dāng)前遍歷到的元素。
• index：可選，當(dāng)前遍歷到的索引。
• array：可選，數(shù)組本身。
• thisArg可選，執(zhí)行回調(diào)時(shí)用作this 的對(duì)象。

返回值：數(shù)組中第一個(gè)滿足所提供測(cè)試函數(shù)的元素的值，否則返回 undefined。

<script type="text/javascript">
			var array1 = [5, 12, 8, 130, 44];
			var found = array1.find(element => element > 10);
			console.log(found); // 12
</script>

總結(jié)

本篇文章就到這里了，希望能夠給你帶來(lái)幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！

最新評(píng)論