成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【前端芝士樹(shù)】Array的屬性及方法整理（參照MDN）

MoAir / 3814人閱讀

摘要：本文主要是我自己對(duì)的一些整理，參考自，其中的分類有些不準(zhǔn)確之處，還望見(jiàn)諒的基本屬性屬性的一些方法增刪改查基礎(chǔ)功能增刪改查基礎(chǔ)功能增刪改刪除數(shù)組的第一個(gè)元素刪除數(shù)組的最后一個(gè)元素在數(shù)組的開(kāi)頭一個(gè)或多個(gè)元素，在數(shù)組的末尾增加一個(gè)或者多個(gè)元素?cái)?shù)組

本文主要是我自己對(duì)Array的一些整理，參考自MDN，其中的分類有些不準(zhǔn)確之處，還望見(jiàn)諒
Array 
const arr = ["1", "2", "3", "four", "hello"];
let arrObj = new Array();
Array的基本屬性 
// 屬性
console.log(arr.length); //5
console.log(arr.__proto__);
Array的一些方法 Array 增刪改查 && 基礎(chǔ)功能 
/**
 * 增刪改查 && 基礎(chǔ)功能
 */
// 增刪改
arr.shift(); //刪除數(shù)組的第一個(gè)元素
arr.pop(); //刪除數(shù)組的最后一個(gè)元素
arr.unshift(); //在數(shù)組的開(kāi)頭一個(gè)或多個(gè)元素，
arr.push(); //在數(shù)組的末尾增加一個(gè)或者多個(gè)元素
[1, 2, 3].concat([6, 7, 8]); //數(shù)組合并 [1,2,3,6,7,8]
[1, 2, 3, 4, 5].copyWithin(0, 1, 2); // 淺復(fù)制一部分，[2,2,3,4,5], arr.copyWithin(target[, start[, end]])
// splice(start, deleteCount, item) 刪除或者替換現(xiàn)有元素，返回被修改或者刪除的部分
[1, 2, 3].splice(1, 0, "hello"); // [] 原數(shù)組變成了[1, "hello", 2, 3]

// 查找
[1, 2, 3, 4, 5, 6].find(item => item > 3); // 返回復(fù)合條件的第一個(gè)值 4
[1, 2, 3, 4, 5, 6].findIndex(item => item > 3); // 返回復(fù)合條件的第一個(gè)值的位置索引 3
[1, 2, 3, 4, 5, 6].includes(3); // 判斷數(shù)組是否包含一個(gè)指定的值 true
[1, 2, 3, 4, 5, 6].includes(7); // false
[1, 2, 3, 4, 5, 6].indexOf(3); // 判斷數(shù)組是否包含一個(gè)指定的值 2
[1, 2, 3, 4, 5, 6].indexOf(7); // -1
[1, 2, 3, 4, 5, 6].lastIndexOf(3); // 從后往前找 2
[1, 2, 3, 4, 5, 6].lastIndexOf(7); // -1
Array 遍歷 
// 遍歷所有的元素
[1, 2, 3, 4, 5, 6].forEach(item => console.log(item)); //1,2,3,4,5,6

// 填充數(shù)組
[1, 2, 3, 4, 5, 6].fill(0, 1); //[1, 0, 0, 0, 0, 0]
[1, 2, 3, 4, 5, 6].fill(); //[0, 0, 0, 0, 0, 0]

// 過(guò)濾數(shù)組
[1, 2, 3, 4, 5, 6].filter(item => {
  return item > 3;
}); // [4,5,6]

// 排序 原地歸并算法 穩(wěn)定 nlog(n)
[1, 3, 4, 2].sort(); // 默認(rèn)從小到大 [1, 2, 3, 4]
Array 測(cè)試 
/**
 * 測(cè)試
 */
[1, 30, 39, 29, 10, 13].every(currentValue => {
  return currentValue < 40;
}); // arr.every() 測(cè)試數(shù)組的所有元素是否是通過(guò)了指定函數(shù) true
[1, 30, 39, 29, 10, 13].some(curr => curr < 2); // 測(cè)試是否至少有一個(gè)元素通過(guò)測(cè)試 true
Array 轉(zhuǎn)換 && 返回新的對(duì)象 
/**
 * 轉(zhuǎn)換 && 返回新的對(duì)象
 */
[1, 2, 3, 4, 5, 6].join("-"); // 數(shù)組轉(zhuǎn)為字符串 "1-2-3-4-5-6"
[1, 2, 3].toString(); // 轉(zhuǎn)換為字符串，相當(dāng)于join(","); "1,2,3"
[1, 2, 3].map(item => item * 2); // 映射器 [2, 4, 6]
[1, 2, 3].reduce((acc, curr) => {
  return acc + curr;
}); // 累加器 從左到右 6
[1, 2, 3].reverse(); // 翻轉(zhuǎn)數(shù)組 [3, 2, 1]
[1, 2, 3].slice(1, 2); // 從原數(shù)組中選取值，返回新數(shù)組 slice(begin, end) [2]
const keys = ["a", "b", "c"].keys(); // 返回每個(gè)索引鍵的 Array Iterator?{} 對(duì)象
for (let key of keys) {
  console.log(key); // expected output: 0 1 2
} // 0 1 2
const values = ["a", "b", "c"].values(); // 返回每個(gè)索引鍵的 Array Iterator?{} 對(duì)象
for (const value of values) {
  console.log(value); // expected output: "a" "b" "c"
}
Array 實(shí)驗(yàn)中的功能 && 其他 
/**
 * 實(shí)驗(yàn)中的功能 IE和Edge不支持
 *  */
// flat(depth) 展開(kāi)嵌套數(shù)組
[1, 2, [3, 4, [5, 6]]].flat(); // [1, 2, 3, 4, [5, 6]]
[1, 2, [3, 4, [5, 6]]].flat(2); // [1, 2, 3, 4, 5, 6]
[1, 2, [3, 4, [5, 6]]].flat(Infinity); // [1, 2, 3, 4, 5, 6]

// 其他
const arr2 = Array.of(1, 2, 3); // [1,2,3]

const iter = ["a", "b", "c"].entries(); // 返回一個(gè)Array Iterator
iter.next().value; // [0, "a"]

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/102826.html

相關(guān)文章

  • 【前端芝士樹(shù)】Javascript的原型與原型鏈

    摘要：在創(chuàng)建對(duì)象不論是普通對(duì)象還是函數(shù)對(duì)象的時(shí)候，都有一個(gè)叫做的內(nèi)置屬性，用于指向創(chuàng)建它的構(gòu)造函數(shù)的原型對(duì)象，也就是。因?yàn)橐粋€(gè)普通對(duì)象的構(gòu)造函數(shù)所以原型鏈原型鏈的形成是真正是靠而非。參考文章最詳盡的原型與原型鏈終極詳解，沒(méi)有可能是。 【前端芝士樹(shù)】Javascript的原型、原型鏈以及繼承機(jī)制 前端的面試中經(jīng)常會(huì)遇到這個(gè)問(wèn)題，自己也是一直似懂非懂，趁這個(gè)機(jī)會(huì)整理一下 0. 為什么會(huì)出現(xiàn)原型和...

    yy736044583 評(píng)論0 收藏0

  • 【芝士整理】HTML的標(biāo)簽們

    摘要：讀一遍文檔后的個(gè)人總結(jié)，重點(diǎn)在于整理語(yǔ)義化標(biāo)簽的定義規(guī)范，記錄各種部件容易被忽略的特性。結(jié)構(gòu)化，通過(guò)標(biāo)簽先后順序和嵌套語(yǔ)法給樹(shù)提供基礎(chǔ)。標(biāo)簽列表基于個(gè)人理解即非官方描述，給標(biāo)簽劃分為結(jié)構(gòu)化標(biāo)簽語(yǔ)義化標(biāo)簽功能化標(biāo)簽，文檔標(biāo)簽。 讀一遍MDN文檔后的個(gè)人總結(jié)，重點(diǎn)在于整理語(yǔ)義化標(biāo)簽的定義規(guī)范，記錄各種部件容易被忽略的特性。 關(guān)于HTML HTML的作用可以簡(jiǎn)單總結(jié)為結(jié)構(gòu)化、語(yǔ)義化和提供基礎(chǔ)...

    stonezhu 評(píng)論0 收藏0

  • 【前端芝士樹(shù)】淺拷貝、深拷貝以及Object.assign()的作用、克隆對(duì)象、復(fù)制數(shù)組

    摘要：前端芝士樹(shù)淺拷貝深拷貝以及的作用首先還是得回到的基本數(shù)據(jù)類型。值類型深拷貝數(shù)值布爾值字符串。它接受任意數(shù)量的源對(duì)象，主要作用就是枚舉它們的所有屬性并分配給。 【前端芝士樹(shù)】淺拷貝、深拷貝以及Object.assign()的作用 首先還是得回到Javascript的基本數(shù)據(jù)類型。 值類型[深拷貝]：數(shù)值Num、布爾值Boolean、字符串String、null、undefined。 基本...

    ccj659 評(píng)論0 收藏0

  • 【前端芝士樹(shù)】如何完成數(shù)組的去重 Array Unique？

    摘要：前端芝士樹(shù)如何完成數(shù)組的去重輸入推薦方法其他方法利用實(shí)現(xiàn)數(shù)據(jù)的去重 【前端芝士樹(shù)】如何完成數(shù)組的去重 Array Unique？ 輸入 const users = [{ id: 1, name: a }, { id: 2, name: a }, { id: 3, name: b }, { id: 4, name: v }]; 推薦方法 Array.prototype.u...

    doodlewind 評(píng)論0 收藏0

  • 【前端芝士樹(shù)】如何完成數(shù)組的扁平化 Array flattern？

    摘要：前端芝士樹(shù)如何完成數(shù)組的扁平化問(wèn)題描述輸入一個(gè)嵌套型數(shù)組輸出扁平化后的數(shù)組如果只是兩層的數(shù)據(jù)如果是多層嵌套的數(shù)組 【前端芝士樹(shù)】如何完成數(shù)組的扁平化 Array flattern？ 問(wèn)題描述 輸入：一個(gè)嵌套型數(shù)組輸出：扁平化后的數(shù)組 let array = [1, [2, 3, 4]]; let arrayDeeper = [1, [2, [3, 4]]]; 如果只是兩層的數(shù)據(jù) fun...

    2shou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<