数组常用方法归纳源代码
<!DOCTYPE html>
<html>
?? ?<head>
?? ??? ?<meta charset="UTF-8">
?? ??? ?<title></title>
?? ??? ?<script type = "text/javascript">
?? ??? ??? ?/*concat():連接兩個或者多個數組,并返回結果*/
?? ??? ??? ?var a1 = [1,2,3,4,5];
?? ??? ??? ?var a2 = a1.concat(6,7);
?? ??? ??? ?console.log(a2);//結果:Array(7) [ 1, 2, 3, 4, 5, 6, 7 ]
?? ??? ??? ?//join():把數組的所有元素放入一個字符串。元素通過指定的分隔符進行分割。
?? ??? ??? ?var a3 = a1.join();
?? ??? ??? ?console.log(a3);//結果:1,2,3,4,5
?? ??? ??? ?var a4 = a1.join("|");
?? ??? ??? ?console.log(a4);//結果:1|2|3|4|5
?? ??? ??? ?//pop():移除數組的最后一個元素并返回該元素。如果為空,則返回undefined。
?? ??? ??? ?var item = a1.pop();
?? ??? ??? ?console.log(item);//結果:5
?? ??? ??? ?console.log(a1);//結果:Array(4) [ 1, 2, 3, 4 ]
?? ??? ??? ?//push():向數組的末尾添加一個或者更多元素,并返回新的長度。
?? ??? ??? ?a1.push(5);
?? ??? ??? ?a1.push(6);
?? ??? ??? ?console.log(a1);//結果:Array(6) [ 1, 2, 3, 4, 5, 6 ]
?? ??? ??? ?//reverse():顛倒數組中元素的順序。
?? ??? ??? ?a1.reverse();
?? ??? ??? ?console.log(a1);//結果:Array(6) [ 6, 5, 4, 3, 2, 1 ]
?? ??? ??? ?a1.reverse();
?? ??? ??? ?console.log(a1);//結果:Array(6) [ 1, 2, 3, 4, 5, 6 ]
?? ??? ??? ?//shift():刪除數組的第一個元素;
?? ??? ??? ?a1.shift();
?? ??? ??? ?console.log(a1);//結果:Array(5) [ 2, 3, 4, 5, 6 ]
?? ??? ??? ?//unshift():向數組的開頭添加一個或多個元素,并返回新的長度。
?? ??? ??? ?a1.unshift(1);
?? ??? ??? ?console.log(a1);//結果:Array(6) [ 1, 2, 3, 4, 5, 6 ]
?? ??? ??? ?//slice():返回數組的一段。a1.slice(start,[end])
?? ??? ??? ?var a5 = a1.slice(-1);
?? ??? ??? ?console.log(a5);//結果:Array [ 6 ]
?? ??? ??? ?var a6 = a1.slice(0,-1);
?? ??? ??? ?console.log(a6);//結果:Array(5) [ 1, 2, 3, 4, 5 ]
?? ??? ??? ?var a7 = a1.slice(1);
?? ??? ??? ?console.log(a7);//結果:Array(5) [ 2, 3, 4, 5, 6 ]
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?//splice():從數組中移除一個或多個元素,且可以在所移除的位置上插入新元素,返回所移除的元素。
?? ??? ??? ?//array.splice(start,deleteCount,[item1[,item2[...[,itemN]]]])
?? ??? ??? ?var newStr = [1,2,3,4];
?? ??? ??? ?var newStr1 = newStr.splice(1,0);
?? ??? ??? ?console.log(newStr1);//結果:Array []
?? ??? ??? ?var newStr2 = newStr.splice(1,1);
?? ??? ??? ?console.log(newStr2);//結果:Array [ 2 ]
?? ??? ??? ?var newStr3 = newStr.splice(1,1,5);//???
?? ??? ??? ?console.log(newStr3);//結果:Array [ 3 ]
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?//sort():如果調用該方法是沒有使用參數,將按照字母順序對數組中的元素進行排序。
?? ??? ??? ?var str = [1,2,110,200,5,123];
?? ??? ??? ?var str1 = str.sort();
?? ??? ??? ?console.log(str1);//結果:Array(6) [ 1, 110, 123, 2, 200, 5 ]
?? ??? ??? ?//可調用排序函數
?? ??? ??? ?function sortNumber(a,b){
?? ??? ??? ??? ?return a-b;
?? ??? ??? ?}
?? ??? ??? ?var str2 = str.sort(sortNumber);
?? ??? ??? ?console.log(str2);//結果:Array(6) [ 1, 2, 5, 110, 123, 200 ]
?? ??? ??? ?
?? ??? ??? ?
?? ??? ??? ?//toString():返回對象的字符串表示
?? ??? ??? ?var arr = [1,2,3,4,"B","a"];
?? ??? ??? ?var arr1 = arr.toString();
?? ??? ??? ?console.log(arr1);//結果:1,2,3,4,B,a
?? ??? ??? ?//valueOf():返回指定對象的原始值。
?? ??? ??? ?var arr2 = arr.valueOf();
?? ??? ??? ?console.log(arr2);//結果:Array(6) [ 1, 2, 3, 4, "B", "a" ]
?? ??? ??? ?
?? ??? ??? ?//forEach():遍歷數組
?? ??? ??? ?/*var array = [1,2,3,4,5];
?? ??? ??? ?array.forEach(alert);//結果:1 2 3 4 5 (分別顯示出)*/
?? ??? ??? ?
?? ??? ??? ?//reduce():歸并數組中的每一個元素
?? ??? ??? ?/*var array = [10,20,30,40,50]
?? ??? ??? ?var res = array.reduce(function(pre,next,index,array){
?? ??? ??? ??? ?alert(pre + "," + next);//10,20/30,30/60,40/100,50
?? ??? ??? ??? ?return pre + next;
?? ??? ??? ?})
?? ??? ??? ?alert(res);//150*/
?? ??? ??? ?
?? ??? ??? ?//filter 過濾數組中的元素
?? ??? ??? ?/*var res= [10,20,30,40].filter(function(item,index,arr){
?? ??? ??? ??? ?return item > 30;
?? ??? ??? ?})
?? ??? ??? ?alert(res);//40*/
?? ??? ??? ?
?? ??? ??? ?//some():某些,判斷return后面的條件是否成立,成立返回true,否則返回false。
?? ??? ??? ?//every():跟some()用法類似,但是要求每一項都符合,才返回true,否則返回false。
?? ??? ??? ?var array = [10,20,30,40,50];
?? ??? ??? ?var res = array.some(function(item,index,arr){
?? ??? ??? ??? ?return item == 30;//判斷數組中是否存在30
?? ??? ??? ?})
?? ??? ??? ?alert(res);
?? ??? ?</script>
?? ?</head>
?? ?<body>
?? ?</body>
</html>
總結
以上是生活随笔為你收集整理的数组常用方法归纳源代码的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 集群搭建:CentOS 7 模板机封装、
- 下一篇: JAVA程序设计----函数基础2