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

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

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

文章目錄

• 創(chuàng)建數(shù)組
• 添加元素
• 獲取數(shù)組中的元素
• 獲取數(shù)組的長度
• 獲取數(shù)據(jù)的索引
• 尋找元素
• reduce
• filter
• map
• forEach遍歷

數(shù)組（Array）是屬于內(nèi)置對象，無論學Python，Java都是切菜的玩意。

創(chuàng)建數(shù)組

方式一：直接var

var arr = [1,2,3];

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

語法：

var arr = new Array(參數(shù));

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

添加元素

數(shù)組[索引] = 值

比如，下面的例子

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

獲取數(shù)組中的元素

簡單的一比，就是

數(shù)組[索引]

獲取數(shù)組的長度

語法：

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

獲取數(shù)據(jù)的索引

語法：

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

解釋：

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

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

尋找元素

用的是 find()函數(shù)

find()語法

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

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

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

reduce

reduce為數(shù)組中的每一個元素，依次執(zhí)行回調(diào)函數(shù)，可以實現(xiàn)累加

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

filter

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

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

map

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

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()方法需要一個函數(shù)作為參數(shù)，稱為回調(diào)函數(shù)。

回調(diào)函數(shù)需要傳遞三個參數(shù)，分別是

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

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

• 第三個參數(shù)，就是正在遍歷的數(shù)組

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()將數(shù)組轉(zhuǎn)換為字符串，reverse()反轉(zhuǎn)數(shù)組，和Python激活一毛一樣。

W3C

總結

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。