這篇文章主要介紹“js數(shù)組的簡(jiǎn)介及常用方法”，在日常操作中，相信很多人在js數(shù)組的簡(jiǎn)介及常用方法問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”js數(shù)組的簡(jiǎn)介及常用方法”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

創(chuàng)新互聯(lián)公司專(zhuān)業(yè)為企業(yè)提供河南網(wǎng)站建設(shè)、河南做網(wǎng)站、河南網(wǎng)站設(shè)計(jì)、河南網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、河南企業(yè)網(wǎng)站模板建站服務(wù)，10年河南做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

1.數(shù)組的概念及其方式

一組有序的數(shù)據(jù)的集合  

2.JS中數(shù)組的特點(diǎn)  

（1）、數(shù)組定義時(shí)無(wú)需指定數(shù)據(jù)類(lèi)型；

（2）、數(shù)組定義時(shí)可以無(wú)需指定數(shù)組長(zhǎng)度；

（3）、數(shù)組可以存儲(chǔ)任何類(lèi)型的數(shù)據(jù)；

（4）、一般是相同的數(shù)據(jù)類(lèi)型；

3.數(shù)組的創(chuàng)建方式：  

var arr1 = new Array（）
var arr2 = new Array（10）//size長(zhǎng)度為10
var arr3 = new Array（1,2,3,4）//兩個(gè)及以上的數(shù)字為內(nèi)容

4.數(shù)組的常用方法

使用方法方法：對(duì)象.方法( )  

（1）、push()  向數(shù)組末尾添加新的數(shù)組項(xiàng)，返回值新數(shù)組的長(zhǎng)度，原數(shù)組改變；

（2）、pop()   刪除數(shù)組最后一項(xiàng)，沒(méi)有參數(shù)，返回值刪除項(xiàng)，原數(shù)組改變；

（3）、unshift()  向數(shù)組開(kāi)頭位置添加，返回值是新數(shù)組的長(zhǎng)度，原數(shù)組改變；

（4）、shift()   刪除數(shù)組第一項(xiàng)，沒(méi)有參數(shù)，返回值刪除項(xiàng)，原數(shù)組改變；

（5）、splice(n,m)   從索引n開(kāi)始，刪除m個(gè)，返回值以數(shù)組的形式返回刪除項(xiàng)（沒(méi)有m的話(huà)，刪除到最后）；

    splice(0)  原數(shù)組清空，返回一個(gè)和原來(lái)一樣的新數(shù)組；

    splice(n,m,z)  從索引n開(kāi)始，刪除m個(gè)，把z添加到刪除的位置；

（6）、reverse()//數(shù)組翻轉(zhuǎn)，該方法會(huì)改變?cè)瓉?lái)的數(shù)組，而不會(huì)創(chuàng)建新的數(shù)組

（7）、slice(n,m) 從索引n開(kāi)始，查找到索引m處，不包含m,將查找到的以新數(shù)組返回，原數(shù)組不變；

（8）、sort()//無(wú)參數(shù)默認(rèn)從小到大排序，判斷方式：按位判斷
           sort(function(a,b){//從大到小排序  

（9）、concat  數(shù)組的拼接，不改變數(shù)組，返回最終連接好的新數(shù)組；

（10）、  join('-')  將數(shù)組轉(zhuǎn)化為為字符串，以括號(hào)內(nèi)的拼接  ；

5.數(shù)組的遍歷

（1）、for  ：不能遍歷對(duì)象；  

//使用變量緩存臨時(shí)數(shù)組
for(i=0;i      //執(zhí)行代碼塊
      console.log(i)
}

（2）、for   each：遍歷數(shù)組中的每一項(xiàng)，沒(méi)有返回值，對(duì)原數(shù)組沒(méi)有影響

arr.forEach((item,index,array)=>{
   //執(zhí)行代碼
item+=1;
})

（3）、for.....in：沒(méi)有循環(huán)條件，自動(dòng)取出下標(biāo)‘’下標(biāo)默認(rèn)從0開(kāi)始，最大下標(biāo)為數(shù)組長(zhǎng)度-1，下標(biāo)的類(lèi)型為string。

（4）、 map循環(huán)

//map的回調(diào)函數(shù)中支持return返回值
//arr.map(function(value,index,array){
//執(zhí)行代碼
//　return xxx
//})

（5）、 forof遍歷

//可以正確響應(yīng)break、continue和return
for (var value of myArray) {
console.log(value);
}

（6）filter遍歷：過(guò)濾 按照某個(gè)條件過(guò)濾，返回過(guò)濾后的數(shù)組；

//不會(huì)改變?cè)紨?shù)組，返回新數(shù)組
var arr = [
 { id: 1, text: 'aa', done: true },
 { id: 2, text: 'bb', done: false }
]
console.log(arr.filter(item => item.done))
//ES5
arr.filter(function (item) {
 return item.done;
});
var arr = [73,84,56, 22,100]
var newArr = arr.filter(item => item>80)   //得到新數(shù)組 [84, 100]
console.log(newArr,arr)

（7）、every() ：返回一個(gè)boolean，判斷每個(gè)元素是否符合func條件，有一個(gè)元素不滿(mǎn)足，則循環(huán)終止，返回false。

var arr = [ 1, 2, 3, 4, 5, 6 ];
console.log( arr.every( function( item, index, array ){
       return item > 3;
   }));
false

（8）、some（）遍歷：返回一個(gè)boolean,判斷是否有元素符合func條件，如果有一個(gè)元素符合，則循環(huán)終止；

var arr = [ 1, 2, 3, 4, 5, 6 ];
   console.log( arr.some( function( item, index, array ){
       return item > 3;
   }));
true

（9）、reduce(）：歸并 返回值是最后一次操作的結(jié)果；

//reduce() 方法接收一個(gè)函數(shù)作為累加器（accumulator）
//數(shù)組中的每個(gè)值（從左到右）開(kāi)始縮減，最終為一個(gè)值var total = [0,1,2,3,4].reduce((a, b)=>a + b); //10
//reduce接受一個(gè)函數(shù)，函數(shù)有四個(gè)參數(shù)，分別是：上一次的值，當(dāng)前值，當(dāng)前值的索引，數(shù)組
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
});

//reduce還有第二個(gè)參數(shù)，我們可以把這個(gè)參數(shù)作為第一次調(diào)用callback時(shí)的第一個(gè)參數(shù)
//上面這個(gè)例子因?yàn)闆](méi)有第二個(gè)參數(shù)，所以直接從數(shù)組的第二項(xiàng)開(kāi)始//如果我們給了第二個(gè)參數(shù)為5，那么結(jié)果就是這樣的
[0, 1, 2, 3, 4].reduce(function(previousValue, currentValue, index, array){
return previousValue + currentValue;
},5);

//第一次調(diào)用的previousValue的值就用傳入的第二個(gè)參數(shù)代替

（10）、find：find()方法返回?cái)?shù)組中符合測(cè)試函數(shù)條件的第一個(gè)元素。否則返回undefined

var stu = [
   {
       name: '張三',
       gender: '男',
       age: 20
   },
   {
       name: '李四',
       gender: '男',
       age: 20
   },
   {
       name: '王五',
       gender: '男',
       age: 20
   }
]

function getStu(element){
  return element.name == '王五'
}
 
stu.find(getStu)
//返回結(jié)果為
//{name: "王五", gender: "男", age: 20}

（11）、findIndex：對(duì)于數(shù)組中的每個(gè)元素，findIndex 方法都會(huì)調(diào)用一次回調(diào)函數(shù)（采用升序索引順序），直到有元素返回 true。只要有一個(gè)元素返回 true，findIndex 立即返回該返回 true 的元素的索引值如果數(shù)組中沒(méi)有任何元素返回 true，則 findIndex 返回 -1。findIndex 不會(huì)改變數(shù)組對(duì)象。

[1,2,3].findIndex(function(x) { x == 2; });
// Returns an index value of 1.

[1,2,3].findIndex(x => x == 4);
// Returns an index value of -1.

（12）、keys，values，entries：ES6 提供三個(gè)新的方法 —— entries()，keys()和values() —— 用于遍歷數(shù)組。它們都返回一個(gè)遍歷器對(duì)象，可以用for...of循環(huán)進(jìn)行遍歷，唯一的區(qū)別是keys()是對(duì)鍵名的遍歷、values()是對(duì)鍵值的遍歷，entries()是對(duì)鍵值對(duì)的遍歷。

for (let index of ['a', 'b'].keys()) {
console.log(index);
}
// 0
// 1
for (let elem of ['a', 'b'].values()) {
console.log(elem);
}
// 'a'
// 'b'
for (let [index, elem] of ['a', 'b'].entries()) {
console.log(index, elem);
}
// 0 "a"
// 1 "b"

6.數(shù)組分類(lèi)

整數(shù)數(shù)組、字符串?dāng)?shù)組、對(duì)象數(shù)組、二維數(shù)組 

到此，關(guān)于“js數(shù)組的簡(jiǎn)介及常用方法”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！