資訊專欄INFORMATION COLUMN
摘要：數(shù)組擴(kuò)展把一組數(shù)據(jù)轉(zhuǎn)換成數(shù)組把偽數(shù)組集合轉(zhuǎn)換成真正的數(shù)組把集合轉(zhuǎn)換成數(shù)組類似映射的功能接收兩個(gè)參數(shù)，。
數(shù)組擴(kuò)展 Array.of()
{
// 把一組數(shù)據(jù)(number/string/boolean...)轉(zhuǎn)換成數(shù)組
let arr = Array.of(3, "abc", true, {a:"a"}, 11);
console.log(arr); // [3, "abc", true, {a: "a"}, 11]
let empty = Array.of();
console.log(empty); // []
}
Array.from()
{
// 把偽數(shù)組、集合轉(zhuǎn)換成真正的數(shù)組
// hello
// beautiful
// girl!
let p = document.querySelectorAll("p");
let pArr = Array.from(p); // 把集合轉(zhuǎn)換成數(shù)組
pArr.forEach(function (item) {
console.log(item.textContent);
});
// hello
// beautiful
// girl!
// 類似map映射的功能
// from接收兩個(gè)參數(shù)，Array.from(arr, fn)。fn的返回值組成了最終的數(shù)組
console.log(Array.from([1, 3, 5], item => item * 2)); // [2, 6, 10]
}
Array.fill()
{
// fill把數(shù)組元素都變?yōu)橹付ǖ闹担腥齻€(gè)參數(shù) arr.fill(value, start, end)
// value：填充值
// start：填充起始位置，可以省略
// end：填充結(jié)束位置，可以省略，實(shí)際結(jié)束位置是end-1
console.log([1, "a", undefined].fill(7)); // [7, 7, 7]
console.log(["a", "b", "c", "d"].fill(7, 1, 3)); // ["a", 7, 7, "d"]
}
Array.copyWithin()
{
// copyWithin數(shù)組元素拷貝
// 有三個(gè)參數(shù) arr.copyWithin(target, start, end)
// target：目的起始位置
// start：復(fù)制源的起始位置，可以省略，可以是負(fù)數(shù)
// end：復(fù)制源的結(jié)束位置，可以省略，可以是負(fù)數(shù)，實(shí)際結(jié)束位置是end-1
console.log([1, 2, 3, 4, 5, 6].copyWithin(1, 2, 4)); // [1, 3, 4, 4, 5, 6]
}
數(shù)組的遍歷
{
// ES6引入了for...of循環(huán)，作為遍歷所有數(shù)據(jù)結(jié)構(gòu)的統(tǒng)一方法
let arr = [1, "aha", "why"];
// 數(shù)組的keys方法，返回?cái)?shù)組所有下標(biāo)的集合
for (let index of arr.keys()) {
console.log("keys", index); // 0 1 2
}
// 數(shù)組的values方法，返回?cái)?shù)組所有元素的集合
for (let value of arr.values()) {
console.log("values", value); // 1 "aha" "why"
}
// 數(shù)組的entries方法，返回?cái)?shù)組的下標(biāo)和元素的集合
for (let [index, value] of arr.entries()) {
console.log("entries", index, value); // 0 1 1 "aha" 2 "why"
}
// 以下寫法功能類似于values
for (let value of arr) {
console.log("value", value); // 1 "aha" "why"
}
}
Array.find() 和 Array.findIndex()
{
// find找出第一個(gè)滿足條件的值，就不往后找了
console.log([1, 2, 3, 4, 5, 6].find(item => item > 3)); // 4
console.log([1, 2, 3, 4, 5, 6].find(item => item > 8)); // undefined
// findIndex找出第一個(gè)滿足條件的值的下標(biāo)，就不往后找了
console.log([1, 2, 3, 4, 5, 6].findIndex(item => item > 3)); // 3
console.log([1, 2, 3, 4, 5, 6].findIndex(item => item > 8)); // -1
}
Array.includes()
{
// 數(shù)組是否包含某個(gè)元素
console.log([1, 2, NaN].includes(1)); // true
console.log([1, 2, NaN].includes(NaN)); // true
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/98555.html
摘要：循環(huán)遍歷對(duì)象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對(duì)象自身的所有屬性的鍵名。目前，只有對(duì)象方法的簡(jiǎn)寫法可以讓引擎確認(rèn)，定義的是對(duì)象的方法。showImg(https://user-gold-cdn.xitu.io/2019/5/21/16ada8456223b0e1); 1. 屬性的簡(jiǎn)潔表示法 在ES6中 允許直接寫入變量和函數(shù)，作為對(duì)象的屬性和方法，使得代碼的書寫更為簡(jiǎn)潔。...
摘要：屬性的簡(jiǎn)潔表示法在中允許直接寫入變量和函數(shù)，作為對(duì)象的屬性和方法，使得代碼的書寫更為簡(jiǎn)潔。循環(huán)遍歷對(duì)象自身的和繼承的可枚舉屬性不含屬性。返回一個(gè)數(shù)組，包含對(duì)象自身的所有屬性的鍵名。 showImg(https://segmentfault.com/img/remote/1460000019259004?w=1282&h=1920); 1. 屬性的簡(jiǎn)潔表示法 在ES6中 允許直接寫入變量...
showImg(https://user-gold-cdn.xitu.io/2019/5/22/16adcec448a45d82); 1. Object.is() 用來解決在ES5中 兩種相等運(yùn)算符的缺點(diǎn)。用來比較兩個(gè)值是否嚴(yán)格相等，行為和（===）基本一致。 在ES5中判斷兩個(gè)值是否相等，只能用（==）相等運(yùn)算符和（===）嚴(yán)格相等運(yùn)算符，但是這兩貨都有缺點(diǎn)，前者 兩邊的值都會(huì)轉(zhuǎn)換數(shù)據(jù)類型，...
摘要：上一篇學(xué)習(xí)下一代語法一，我們學(xué)習(xí)了關(guān)于塊作用域變量或常量聲明和語法新的字符串拼接語法模版字面量數(shù)組元素或?qū)ο笤氐慕鈽?gòu)賦值和對(duì)象字面量簡(jiǎn)寫的相關(guān)知識(shí)。這便是擴(kuò)展運(yùn)算符的用途之一。 本文同步 帶你入門 JavaScript ES6 (二)，轉(zhuǎn)載請(qǐng)注明出處。 上一篇學(xué)習(xí)下一代 JavaScript 語法: ES6 (一)，我們學(xué)習(xí)了關(guān)于塊作用域變量或常量聲明 let 和 const 語法、...
閱讀 1225·2021-11-25 09:43
閱讀 1979·2021-11-11 10:58
閱讀 1194·2021-11-08 13:18
閱讀 2693·2019-08-29 16:25
閱讀 3519·2019-08-29 12:51
閱讀 3317·2019-08-29 12:30
閱讀 756·2019-08-26 13:24
閱讀 3692·2019-08-26 10:38
