@Author：Runsen
@Date：2020/5/26

作者介紹：Runsen目前大三下學期，專業化學工程與工藝，大學沉迷日語，Python， Java和一系列數據分析軟件。導致翹課嚴重，專業排名中下。.在大學60%的時間，都在CSDN。決定今天比昨天要更加努力。

學任何看透菜鳥和W3C的教程，W3c的教程的JavaScript的數組

文章目錄

• 創建數組
• 添加元素
• 獲取數組中的元素
• 獲取數組的長度
• 獲取數據的索引
• 尋找元素
• reduce
• filter
• map
• forEach遍歷

數組（Array）是屬于內置對象，無論學Python，Java都是切菜的玩意。

創建數組

方式一：直接var

var arr = [1,2,3];

方式二：對象定義（數組的構造函數）。

語法：

var arr = new Array(參數);

如果參數為空，則表示創建一個空數組；參數位置是一個數值時，表示數組長度；參數位置是多個數值時，表示數組中的元素。

添加元素

數組[索引] = 值

比如，下面的例子

var arr = []; // 向數組中添加元素 arr[0] = 0; arr[1] = 1;

獲取數組中的元素

簡單的一比，就是

數組[索引]

獲取數組的長度

語法：

數組的長度 = 數組名.length； console.log(arr.length); // 打印結果：2

獲取數據的索引

語法：

索引值 = 數組.indexOf(value);索引值 = 數組.lastIndexOf(value);

解釋：

• indexOf(value)：從前往后索引，獲取 value 在數組中的第一個下標。

• lastIndexOf(value) ：從后往前索引，獲取 value 在數組中的最后一個下標。

尋找元素

用的是 find()函數

find()語法

find(function(item, index, arr){return true})

作用：找出第一個滿足「指定條件返回true」的元素。

備注：一旦找到符合條件的第一個元素，將不再繼續往下遍歷。

reduce

reduce為數組中的每一個元素，依次執行回調函數，可以實現累加

var arr = [2, 0, 1, 9, 6]; sumValue = arr.reduce(function(total, item) { // 計算 arr 數組中，所有元素項的綜合return total + item; }, 0);console.log('sumValue:' + sumValue); // 打印結果：18

filter

對數組中每一項運行回調函數，該函數返回結果是true的項，將組成新的數組（返回值就是這個新的數組）。

var arr1 = [1, 3, 6, 2, 5, 6];var arr2 = arr1.filter(function(item, index) {return item > 3; //將arr1中大于3的元素返回，組成新的數組 }); console.log(arr2);

map

map()方法返回一個新數組，數組中的元素為原始數組元素調用函數處理后的值。它按照原始數組元素順序依次處理元素。

var arr1 = [1, 3, 6, 2, 5, 6];var arr2 = arr1.map(function (item, index) {return item + 100; //讓arr1中的每個元素加100}) console.log(arr2);

forEach遍歷

forEach()方法需要一個函數作為參數，稱為回調函數。

回調函數需要傳遞三個參數，分別是

• 第一個參數，就是當前正在遍歷的元素

• 第二個參數，就是當前正在遍歷的元素的索引

• 第三個參數，就是正在遍歷的數組

var arr1 = [1, 3, 2];arr1.forEach(function(item, index, obj) {console.log("item: " + item + "index: " + index + "obj: " + obj);console.log("----------");});

還要很多用法，請查看W3C，比如push()添加，pop()刪除，slice()切片，concat()連接， join()將數組轉換為字符串，reverse()反轉數組，和Python激活一毛一樣。

W3C

總結

以上是生活随笔為你收集整理的九、玩转JavaScript的数组（五）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。