久久精品国产亚洲高清|精品日韩中文乱码在线|亚洲va中文字幕无码久|伊人久久综合狼伊人久久|亚洲不卡av不卡一区二区|精品久久久久久久蜜臀AV|国产精品19久久久久久不卡|国产男女猛烈视频在线观看麻豆

    1. <style id="76ofp"></style>

      <style id="76ofp"></style>
      <rt id="76ofp"></rt>
      <form id="76ofp"><optgroup id="76ofp"></optgroup></form>
      1. 千鋒教育-做有情懷、有良心、有品質(zhì)的職業(yè)教育機構

        手機站
        千鋒教育

        千鋒學習站 | 隨時隨地免費學

        千鋒教育

        掃一掃進入千鋒手機站

        領取全套視頻
        千鋒教育

        關注千鋒學習站小程序
        隨時隨地免費學習課程

        當前位置:首頁  >  技術干貨  > 28個Javascript數(shù)組方法匯總整理

        28個Javascript數(shù)組方法匯總整理

        來源:千鋒教育
        發(fā)布人:qyf
        時間: 2023-01-17 17:00:00 1673946000

        28個Javascript數(shù)組方法匯總整理

          01、Array.map()

          返回一個新數(shù)組,其中包含對該數(shù)組中每個元素調(diào)用提供的函數(shù)的結果。

          const list = [ , , , ];

          list.map((??) => ); // [ , , , ]

          // Code

          const list = [1, 2, 3, 4];

          list.map((el) => el * 2); // [2, 4, 6, 8]

          02、Array.filter()

          返回一個新數(shù)組,其中包含通過所提供函數(shù)實現(xiàn)的測試的所有元素。

          const list = [ , , , ];

          list.filter((??) => ?? === ); // [ , ]

          // Code

          const list = [1, 2, 3, 4];

          list.filter((el) => el % 2 === 0); // [2, 4]

          03、Array.reduce()

          將數(shù)組減少為單個值。函數(shù)返回的值存儲在累加器中(結果/總計)。

          const list = [ , , , , ];

          list.reduce((??, ??) => ?? + ??); // + + + +

          // OR

          const list = [1, 2, 3, 4, 5];

          list.reduce((total, item) => total + item, 0); // 15

          04、Array.reduceRight()

          對數(shù)組的每個元素執(zhí)行一個你提供的reducer 函數(shù),從而產(chǎn)生一個輸出值(從右到左)。

          const list = [ , , , , ];

          list.reduceRight((??, ??) => ?? + ??); // + + + +

          // Code

          const list = [1, 2, 3, 4, 5];

          list.reduceRight((total, item) => total + item, 0); // 15

          05、Array.fill()

          用靜態(tài)值填充數(shù)組中的元素。

          const list = [ , , , , ];

          list.fill( ); // [ , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.fill(0); // [0, 0, 0, 0, 0]

          06、Array.find()

          返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的值。否則返回未定義。

          const list = [ , , , , ];

          list.find((??) => ?? === ); //

          list.find((??) => ?? === ); // undefined

          // Code

          const list = [1, 2, 3, 4, 5];

          list.find((el) => el === 3); // 3

          list.find((el) => el === 6); // undefined

          07、Array.indexOf()

          返回可以在數(shù)組中找到給定元素的第一個索引,如果不存在則返回 -1。

          const list = [ , , , , ];

          list.indexOf( ); // 0

          list.indexOf( ); // -1

          // Code

          const list = [1, 2, 3, 4, 5];

          list.indexOf(3); // 2

          list.indexOf(6); // -1

          08、Array.lastIndexOf()

          返回可以在數(shù)組中找到給定元素的最后一個索引,如果不存在,則返回 -1。從 fromIndex 開始向后搜索數(shù)組。

          const list = [ , , , , ];

          list.lastIndexOf( ); // 3

          list.lastIndexOf( , 1); // 0

          // Code

          const list = [1, 2, 3, 4, 5];

          list.lastIndexOf(3); // 2

          list.lastIndexOf(3, 1); // -1

          09、Array.findIndex()

          返回數(shù)組中滿足提供的測試函數(shù)的第一個元素的索引。否則,返回 -1。

          const list = [ , , , , ];

          list.findIndex((??) => ?? === ); // 0

          // You might be thinking how it's different from `indexOf`

          const array = [5, 12, 8, 130, 44];

          array.findIndex((element) => element > 13); // 3

          // OR

          const array = [{

          id:

          }, {

          id:

          }, {

          id:

          }];

          array.findIndex((element) => element.id === ); // 2

          10、Array.includes()

          如果給定元素存在于數(shù)組中,則返回 true。

          const list = [ , , , , ];

          list.includes( ); // true

          // Code

          const list = [1, 2, 3, 4, 5];

          list.includes(3); // true

          list.includes(6); // false

          11、Array.pop()

          從數(shù)組中刪除最后一個元素并返回該元素。

          const list = [ , , , , ];

          list.pop(); //

          list; // [ , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.pop(); // 5

          list; // [1, 2, 3, 4]

          12、Array.push()

          將新元素追加到數(shù)組的末尾,并返回新的長度。

          const list = [ , , , , ];

          list.push( ); // 5

          list; // [ , , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.push(6); // 6

          list; // [1, 2, 3, 4, 5, 6]

          13、Array.shift()

          從數(shù)組中刪除第一個元素并返回該元素。

          const list = [ , , , , ];

          list.shift(); //

          list; // [ , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.shift(); // 1

          list; // [2, 3, 4, 5]

          14、Array.unshift()

          將新元素添加到數(shù)組的開頭,并返回新長度。

          const list = [ , , , , ];

          list.unshift( ); // 6

          list; // [ , , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.unshift(0); // 6

          list; // [0, 1, 2, 3, 4, 5]

          15、Array.splice()

          通過刪除或替換現(xiàn)有元素和/或在適當位置添加新元素來更改數(shù)組的內(nèi)容。

          const list = [ , , , , ];

          list.splice(1, 2); // [ , ]

          list; // [ , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.splice(1, 2); // [2, 3]

          list; // [1, 4, 5]

          16、Array.slice()

          將數(shù)組的一部分的淺拷貝返回到從開始到結束(不包括結束)選擇的新數(shù)組對象中,原始數(shù)組不會被修改。

          const list = [ , , , , ];

          list.slice(1, 3); // [ , ]

          list; // [ , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.slice(1, 3); // [2, 3]

          list; // [1, 2, 3, 4, 5]

          17、Array.join()

          將數(shù)組的所有元素連接成一個字符串。

          const list = [ , , , , ];

          list.join('??'); // " ?? ?? ?? ?? "

          // Code

          const list = [1, 2, 3, 4, 5];

          list.join(', '); // "1, 2, 3, 4, 5"

          18、Array.reverse()

          反轉數(shù)組中元素的順序。

          const list = [ , , , , ];

          list.reverse(); // [ , , , , ]

          list; // [ , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.reverse(); // [5, 4, 3, 2, 1]

          list; // [5, 4, 3, 2, 1]

          19、Array.sort()

          對數(shù)組的元素進行就地排序并返回該數(shù)組。默認排序順序是根據(jù)字符串 Unicode 代碼點。

          const list = [ , , , , ];

          list.sort(); // [ , , , , ]

          // This make more sense

          const array = ['D', 'B', 'A', 'C'];

          array.sort(); // ['A', 'B', 'C', 'D']

          // OR

          const array = [4, 1, 3, 2, 10];

          array.sort(); // [1, 10, 2, 3, 4]

          array.sort((a, b) => a - b); // [1, 2, 3, 4, 10]

          20、Array.some()

          如果數(shù)組中至少有一個元素通過了提供的函數(shù)實現(xiàn)的測試,則返回 true。

          const list = [ , , , , ];

          list.some((??) => ?? === ); // true

          list.some((??) => ?? === ); // false

          // Code

          const list = [1, 2, 3, 4, 5];

          list.some((el) => el === 3); // true

          list.some((el) => el === 6); // false

          21、Array.every()

          如果數(shù)組中的所有元素都通過了提供的函數(shù)實現(xiàn)的測試,則返回 true。

          const list = [ , , , , ];

          list.every((??) => ?? === ); // false

          const list = [ , , , , ];

          list.every((??) => ?? === ); // true

          // Code

          const list = [1, 2, 3, 4, 5];

          list.every((el) => el === 3); // false

          const list = [2, 4, 6, 8, 10];

          list.every((el) => el%2 === 0); // true

          22、Array.from()

          從類數(shù)組或可迭代對象創(chuàng)建一個新數(shù)組。

          const list = ;

          Array.from(list); // [ , , , , ]

          const set = new Set([' ', ' ', ' ', ' ', ' ']);

          Array.from(set); // [ , , ]

          const range = (n) => Array.from({ length: n }, (_, i) => i + 1);

          console.log(range(10)); // [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]

          23、Array.of()

          使用可變數(shù)量的參數(shù)創(chuàng)建一個新數(shù)組,而不管參數(shù)的數(shù)量或類型。

          const list = Array.of( , , , , );

          list; // [ , , , , ]

          // Code

          const list = Array.of(1, 2, 3, 4, 5);

          list; // [1, 2, 3, 4, 5]

          24、Array.isArray()

          如果給定值是一個數(shù)組,則返回 true。

          Array.isArray([ , , , , ]); // true

          Array.isArray( ); // false

          // Code

          Array.isArray([1, 2, 3, 4, 5]); // true

          Array.isArray(5); // false

          25、Array.at()

          返回指定索引處的值。

          const list = [ , , , , ];

          list.at(1); //

          // Return from last

          list.at(-1); //

          list.at(-2); //

          // Code

          const list = [1, 2, 3, 4, 5];

          list.at(1); // 2

          list.at(-1); // 5

          list.at(-2); // 4

          26、Array.copyWithin()

          復制數(shù)組中的數(shù)組元素。返回修改后的數(shù)組。

          const list = [ , , , , ];

          list.copyWithin(1, 3); // [ , , , , ]

          const list = [ , , , , ];

          list.copyWithin(0, 3, 4); // [ , , , , ]

          // Code

          const list = [1, 2, 3, 4, 5];

          list.copyWithin(0, 3, 4); // [4, 2, 3, 4, 5]

          注意:第一個參數(shù)是開始復制元素的目標。第二個參數(shù)是開始復制元素的索引。第三個參數(shù)是停止復制元素的索引。

          27、Array.flat()

          返回一個新數(shù)組,其中所有子數(shù)組元素遞歸連接到指定深度。

          const list = [ , , [ , , ]];

          list.flat(Infinity); // [ , , , , ]

          // Code

          const list = [1, 2, [3, 4, [5, 6]]];

          list.flat(Infinity); // [1, 2, 3, 4, 5, 6]

          28、Array.flatMap()

          返回通過將給定的回調(diào)函數(shù)應用于數(shù)組的每個元素而形成的新數(shù)組,

          const list = [ , , [ , , ]];

          list.flatMap((??) => [??, ?? + ?? ]); // [ , , , , , , , , , ]

          // Code

          const list = [1, 2, 3];

          list.flatMap((el) => [el, el * el]); // [1, 1, 2, 4, 3, 9]

          總結

          以上就是我今天跟你分享的28個Javascript 數(shù)組方法,希望對你有幫助。如果你覺得有用的話,請記得點贊我,關注我,并將其分享給你身邊的朋友,也許能夠幫助到他。

          - End -

        tags:
        聲明:本站稿件版權均屬千鋒教育所有,未經(jīng)許可不得擅自轉載。
        10年以上業(yè)內(nèi)強師集結,手把手帶你蛻變精英
        請您保持通訊暢通,專屬學習老師24小時內(nèi)將與您1V1溝通
        免費領取
        今日已有369人領取成功
        劉同學 138****2860 剛剛成功領取
        王同學 131****2015 剛剛成功領取
        張同學 133****4652 剛剛成功領取
        李同學 135****8607 剛剛成功領取
        楊同學 132****5667 剛剛成功領取
        岳同學 134****6652 剛剛成功領取
        梁同學 157****2950 剛剛成功領取
        劉同學 189****1015 剛剛成功領取
        張同學 155****4678 剛剛成功領取
        鄒同學 139****2907 剛剛成功領取
        董同學 138****2867 剛剛成功領取
        周同學 136****3602 剛剛成功領取
        相關推薦HOT
        工業(yè)機器人、自動化、PLC三者是什么關系?

        一、工業(yè)機器人和自動化工業(yè)機器人是自動化技術的一部分,是自動化生產(chǎn)線的關鍵組件之一。在自動化生產(chǎn)線中,工業(yè)機器人被廣泛應用于執(zhí)行各種任...詳情>>

        2023-10-15 01:41:38
        為什么Redis要對一種數(shù)據(jù)類型存儲兩次呢?

        一、實現(xiàn)快速數(shù)據(jù)訪問Redis是一種高性能的內(nèi)存數(shù)據(jù)庫,將數(shù)據(jù)存儲在內(nèi)存中可以實現(xiàn)非??焖俚臄?shù)據(jù)讀取和訪問。為了進一步提高數(shù)據(jù)的訪問速度,R...詳情>>

        2023-10-15 01:40:32
        什么是編程思想?

        一、編程思想的定義和理念編程思想可以理解為一套指導編程活動的理念和原則。它包括如何定義問題,如何設計解決方案,以及如何實現(xiàn)和測試這個解...詳情>>

        2023-10-15 01:22:38
        迭代開發(fā)模型中最容易出問題的階段是什么?

        一、迭代開發(fā)模型中最容易出問題的階段是什么 在迭代開發(fā)模型中,最容易出問題的階段通常是需求收集和分析階段。在這個階段,開發(fā)團隊需要與客...詳情>>

        2023-10-15 01:03:52
        軟件測試中bug管理工具Jira怎么樣?

        一、Jira是什么 Jira是一款由澳大利亞軟件公司Atlassian開發(fā)的項目管理和問題跟蹤工具。它是一種用于敏捷項目開發(fā)和軟件開發(fā)過程中的工具,廣泛...詳情>>

        2023-10-15 01:02:32
        尉氏县| 榆林市| 咸阳市| 闸北区| 彩票| 铜鼓县| 明水县| 扬中市| 昭苏县| 樟树市| 樟树市| 新密市| 巧家县| 丰台区| 安化县| 丰城市| 和静县| 云阳县| 乐山市| 上杭县| 青阳县| 乐都县| 老河口市| 虹口区| 永安市| 长寿区| 丽江市| 峨眉山市| 同江市| 涿州市| 调兵山市| 荥阳市| 桐柏县| 肇东市| 板桥市| 甘泉县| 蒙山县| 运城市| 金川县| 揭东县| 迭部县|