這次帶給大家JS數組方法使用步驟詳解,JS數組方法使用的注意事項有哪些,下面就是實戰案例,一起來看一下。
作用: 將陣列透過指定字元##拼接成字串。
語法: string arr.join([separator = ',']);
參數: separator可選,如果省略的話,預設為一個逗號。如果 seprator 是一個空字串,那麼陣列中的所有元素將被直接連接。
傳回值: 拼接後的字串。
<script> var arr=[2,3,4,5]; console.log(arr.join());//"2,3,4,5" console.log(arr.join(""));//"2345" console.log(arr.join("+"));//"2+3+4+5" console.log(arr);//[2,3,4,5] </script>
作用:在陣列的結尾新增一個或多個元素。
語法:number arr.push(element1, ..., elementN);
參數:elementN,一個或多個元素。
傳回值:新陣列的length。
注意:會修改原數組。
<script> var att=[1,2,3,4]; console.log(att.push("a","b"));//6 console.log(att);//[1,2,3,4,"a","b"]; </script>
作用:往陣列的頭部新增一個或多個元素。
語法:number arr.push(element1, ..., elementN);
參數:elementN,一個或多個元素。
傳回值:新陣列的length。
注意:會修改原數組。
<script> var att=[1,2,3,4]; console.log(att.unshift("a","b"));//6 console.log(att);//["a","b",1,2,3,4]; </script>
作用: 刪除陣列最後 一個 元素。
語法: mixed arr.pop();
#傳回值: 被刪除的那一個元素。
注意:會修改原數組。
<script> var arr=[1,2,3,4]; console.log(arr.pop());//4 console.log(arr);//[1,2,3] </script>
作用: 刪除陣列 第一個 元素。
語法: mixed arr.pop();
#傳回值: 被刪除的那一個元素。
注意:會修改原數組。
<script> var arr=[1,2,3,4]; console.log(arr.shift());//1 console.log(arr);//[2,3,4] </script>
作用: 將傳入的陣列或非陣列值與原數組合並,組成一個新的陣列並回傳.
語法: array array.concat(value1, value2, ..., valueN);
參數: valueN是指需要與原數合併的陣列或非陣列值.
傳回值: 合併後的陣列
注意: 不會修改原數組的內容。
<script> var att=[1,2,3]; var attO=["a","b"]; var attT=[5,true]; console.log(att.concat(10,attO,attT));//[1,2,3,10,"a","b",5,tru] console.log(att);//[1,2,3] </script>
作用:顛倒陣列中元素的位置.
語法: array arr.reverse( )
傳回值: 顛倒順序後的陣列
注意: 會改變原數組.
<script> var arr = [1,2,3,6,5,4]; var res = arr.reverse(); res.push( "a" ); console.log( res );//[4,5,6,3,2,1,"a"] console.log( arr );//[4,5,6,3,2,1,"a"] </script>
作用:截取**陣列中一部分,並傳回這個新的陣列.
語法: array arr.slice([begin[,end]]);
傳回值: 截取後的新的陣列##注意:
包含起始位置,不包含結束位置,不會改變原數組.什麼都不傳入,則是原數組。
<script> var arr = ["a","b","c","d"]; // var res = arr.slice( 1,3 );//["b","c"] // var res = arr.slice( 3,1 );//[] var res = arr.slice( -3,-1 );//["b","c"] var res = arr.slice();//["a","b","c","d"] console.log( res ); console.log( arr );//["a","b","c","d"] </script>
用新元素取代舊元素,以此修改陣列的內容語法:
array array.splice(start, deleteCount[, item1[, item2[, ...]]])參數:
# - start 起始位置
- deleteCount 删除长度
- item 添加的内容
由被刪除的元素組成的一個陣列#注意 作用: 对数组的元素进行排序。 相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章! 推荐阅读:
:修改了原始陣列的內容。 <script>
var att="Liangzhifang".split("");
console.log(att.splice(2,4,["a"]));//["a","n","g","z"]
console.log(att);//["L","i",["a"],"h","i","f","a","n","g"]
</script>
10.sort
语法: array arr.sort([compareFunction]);
参数: compareFunction可选。用来指定按某种顺序进行排列的函数。如果省略,元素按照转换为的字符串的诸个字符的Unicode位点进行排序。
返回值: 排序后的数组.<script>
//当什么都不传入的时候,sort()默认由小到大排列。
var attr=[9,5,4,3,2];
console.log(attr.sort());//[2, 3, 4, 5, 9]
//传入function的时候,sort()内的function返回值大于0,由小到大排列。
var attrO=[9,5,4,3,2];
console.log(attrO.sort(function () {
return 1;
}));//[2, 3, 4, 5, 9]
//传入function的时候,sort()内的function返回值小于或者等于0,数组序列不变。
var attrT=[9,5,4,3,2];
console.log(attrT.sort(function () {
return -1;
}));// [9, 5, 4, 3, 2]
//由于sort内部是随机抽取两个值,我们在利用function函数的返回值,大于0的时候,交换位置。小于或者等于0的时候不变,来排序。
//以下是由小到大排序
var attrTh=[9,5,4,3,2];
console.log(attrTh.sort(function (a,b) {
return a-b;
}));// [2, 3, 4, 5, 9]
//以下是由大到小排序
var attrF=[9,5,4,3,2];
console.log(attrF.sort(function (a,b) {
return b-a;// [9, 5, 4, 3, 2]
}));
</script>
以上是JS數組法使用步驟詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!