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

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

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

文章目錄

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

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

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

方式一：直接var

var arr = [1,2,3];

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

語法：

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

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

添加元素

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

比如，下面的例子

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

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

簡(jiǎn)單的一比，就是

數(shù)組[索引]

獲取數(shù)組的長(zhǎng)度

語法：

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

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

語法：

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

解釋：

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

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

尋找元素

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

find()語法

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

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

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

reduce

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

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

filter

對(duì)數(shù)組中每一項(xiàng)運(yùn)行回調(diào)函數(shù)，該函數(shù)返回結(jié)果是true的項(xiàng)，將組成新的數(shù)組（返回值就是這個(gè)新的數(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()方法返回一個(gè)新數(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中的每個(gè)元素加100}) console.log(arr2);

forEach遍歷

forEach()方法需要一個(gè)函數(shù)作為參數(shù)，稱為回調(diào)函數(shù)。

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

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

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

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

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

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

W3C

總結(jié)

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

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