一個實例全析js數組（17）
阿新 • • 發佈：2018-12-28
splice == ins process 直接 第一個元素 數組 可選 調用 前言：
數組和對象一樣是數值的集合，不同的是每一個數值有一個名字（對象），而對象中每個數值都有一個下標。
數組和對象一樣是數值的集合，不同的是每一個數值有一個名字（對象），而對象中每個數值都有一個下標。
①數組的創建
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd"];
alert(a);
②將數組進行排序
a.sort();
alert(a);
③把數組中所有的元素連接起來轉換成字符串
我們可以看到，數組轉為字符串之後，看不出有什麽變化，因此這裏引入判別書否為數組的方法。
var a = new Array(10); var a = [1,2,3,4,8,5,"test",false,true,"abcd"]; var test = a instanceof Array; alert("你是數組嗎？"+test); var b = a.join(); test = b instanceof Array; alert("你是數組嗎？"+test);
④數組顛倒順序排列（直接把數組內的元素倒序排列，沒有規則）
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd"];
a.reverse();
alert(a);
⑤數組拼接
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd"];
var b = ["red","ant","rd_ant"];
var c = a.concat(b);
alert(c);
也可以隨便拼接 var c = a.concat(b,a,b,b); alert(c);
⑥數組轉字符串
數組的toString(),valueOf()方法可以實現數組以字符串的形式輸出，但存在差異。
toString()是將所有內容轉為字符串，
valueOf()是取出對象內部的值，不進行類型轉換。
var a = new Array(10); var a = [1,2,3,4,8,5,"test",false,true,"abcd"]; var b = a.toString(); var test = b instanceof Array; alert("b你是數組嗎？"+test); var c = a.valueOf(); test = c instanceof Array; alert("c你是數組嗎？" + test);
⑦字符串轉數組（split()方法）
var d = "大，家，好，我，是，Red, Ant";
var e = d.split(",");
alert(e);
test = e instanceof Array;
alert("e是數組嗎？"+test);
⑧數組元素截取（slice方法）
這種方法不會修改原數組，只會返回一個新的數組。
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.slice(5);
var c = a.slice(4,7);
alert(b);
alert(c);
⑨數組元素的刪除
數組元素的刪除有三種方法：pop(),shift(),splice()。
Pop()：值得是刪除最後一個元素，並返回該元素的值。
Shift()：移除最前一個元素並返回該元素，數組中的元素自動前移
Splice(位置，數量)：刪除指定位置開始的指定長度的元素，數組的形式返回所移除的數組。
Splice()：還可以用於數組元素的插入。
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.pop();
alert("刪除最後一個元素得到的數組為："+a);
alert("被刪除的元素是："+b);
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.shift();
alert("刪除第一個元素得到的數組為："+a);
alert("被刪除的元素是："+b);
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.splice(3,4);
alert("刪除後的數組為:"+a);
alert("得到被刪除的數組："+b);
Splice();數組的插入
同樣splice(a,b,....)：
a同樣是操作的位置，b我們設置為0這樣就不會刪除數組，後面放置一系列的要插入的元素即可。
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
a.splice(-3,0,"red","ant","rd_ant");
alert("從倒數第三位插入後的數組為："+a);
⑩數組元素的添加
splice();元素的插入方法也是數組元素的添加。
Push是我們最常見的數組元素添加方法，是將一個或多個新元素添加到數組的結尾，並返回新數組的長度。
Unshift()與shift()對應的方法，將1一個或多個元素添加到數組的開始，數組中的元素自動後移，返回新的數組長度。與push相對應。
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.push("red","ant","red_ant");
alert("結尾處push之後的數組為"+a);
alert("當前數組的長度為"+b);
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.unshift("red","ant","red_ant");
alert("開始位置unshift之後的數組為"+a);
alert("當前數組的長度為"+b);
?數組元素查找indexOf(),lastIndexOf()【IE低版本不兼容】
indexOf():接收兩個參數要查找的項和起點位置的索引（可選）
lastIndexOf():同樣不過，該方法是從後往前查找。
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.indexOf("test");
var c = a.lastIndexOf(5);
alert("位置"+b);
alert("位置"+c);
數組是否包含某元素：Jquery寫法
var a = [1,2,3,4,5,"red_ant"];//=15
var index = $.inArray("red_ant", a);
if(index > 0){
alert("好，告訴我你的位置"+ index);
}else{
alert("不存在該元素");
}
?數組循環遍歷forEach()【IE低版本不兼容】
var a = new Array(10);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var d = "";
a.forEach(function(b, c, a){
d += "索引"+c+"元素"+b+"//"
})
alert(d);
?數組映射map()【IE低版本不兼容】
Map()對數組中的每一項運行給定函數，返回函數調用的結果組成的數組。
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.map(function(item){
return item+"Red_Ant";
})
alert(b)
?數組元素過濾filter()【IE低版本不兼容】
數組中的每一個元素給定函數，返回滿足條件組成的數組。
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.filter(function(i, inxdex){
if(i == "test" || i == "abcd"){
return false;
}
return i;
})
alert(b);
?判斷數組中的每一項是否滿足條件，所有都滿足才會返回true的方法every()【IE低版本不兼容】
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.every(function(i){
return i != "test";
})
alert(b);
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.every(function(i){
return i != "asdadadadas";
})
alert(b);
?判斷數組中是否存在滿足條件的項，有一個就是true的方法some()【IE低版本不兼容】
var a = [1,2,3,4,8,5,"test",false,true,"abcd","BBCD"];
var b = a.some(function(x){
return x == 3;
})
alert(b);
?叠代數組的所有項，然後構建最終返回值。Reduce(),reduceRight()【IE低版本不兼容】
Reduce()從數組的第一項開始遍歷到最後，reduceRight()則倒序。
他們都可以接受4個參數：前一個值，當前值，項的索引，數組對象
我們可以利用這個求和等
var a = [1,2,3,4,5];//=15
var b = a.reduce(function(pre,now,index,arrays){
return pre + now;
})
alert(b);
一個實例全析js數組（17）