在陣列末尾插入元素
arr.push(value),在陣列的末尾新增乙個或多個元素,並返回陣列的新長度。
刪除陣列末尾的元素var arr=[1
,2,3
,4,5
]var newitems=arr.
push(6
,7);
console.
log(arr, newitems)
;//陣列的arr的值變為arr[1,2,3,4,5,6,7];
//此時陣列的長度變為7
arr.pop()刪除索引值最大的元素,並返回被刪除的元素。
arr.pop()的與arr.length–的效果一樣,但arr.length沒有返回值;var arr=[1
,2,3
,4,5
]var delelement=arr.
pop();
console.
log(arr, delelement)
;//arr的值為[1,2,3,4] ,delelement的值為5
在陣列的頭部插入元素
unshift();在陣列的頭部新增乙個或多個元素,並返回陣列的新長度
刪除陣列的頭部元素var arr=[1
,2,3
,4,5
]var length=
unshift(0
);console.
log(arr,length)
;//arr的值為[0,1,2,3,4,5];length的值為更改後陣列的長度6;
shift();刪除索引為0的元素,並返回刪除的元素
注意:unshift()和shift()不能搞反了,因為un-字首在英語當中有不的意思.就好像是英語當中的南(south)和北(north),很多人都會記反了,會把南方的拼音nan和north等同了,就導致了記憶錯誤。var arr=[1
,2,3
,4,5
]var delelement=
unshift()
;console.
log(arr, delelement)
;//arr的值為[2,3,4,5];delelement的值為被刪除的元素1;
陣列和陣列(或元素)的合併
concat()合併陣列或元素,返回新的陣列,原陣列不會改變
concat()還可以複製乙個新陣列;var arr=[1
,2,3
,4,5
]var newarr=arr.
concat([
6,7,
8],9
,10);
console.
log(newarr,arr)
;//newarr的值為[1,2,3,4,5,6,7,8,9,10];
//arr的值還是原來的[1,2,3,4,5];
在陣列中新增刪除或替換元素var copyarr=arr.
concat()
;//copyarr的值和arr的相同
splice();在任意位置新增或刪除元素,返回刪除或被替換的值,如果沒有被刪除或替換則返回空陣列;
注意:splice()方法會修改原陣列的值;
只有乙個值時,從當前位置刪除到陣列末尾
擷取複製陣列指定位置的內容var arr=[1
,2,3
,4,5
];var num1=arr.
splice(1
)console.
log(num1;arr)
//num=[2,3,4,5];arr=[1];
//有兩個值時,第乙個值為刪除的位置,第二個值為刪除的個數;
var arr=[1
,2,3
,4,5
];var num2=arr.
splice(2
,3)//刪除從索引值2開始的3個元素
console.
log(num2;arr)
;// num2=[3,4,5],arr=[1,2]
//有三個或者多個值時,第乙個值為插入元素的位置,
//第二個值為替換的個數,後面的值都為插入的新元素;
var arr=[1
,2,3
,4,5
];var num3=arr.
splice(2
,1,6
,7,8
);//從索引值2開始替換掉1個元素,並且插入6,7,8
//如果第二個值為0,則不替換,直接插入6,7,8;
console.
log(num3;arr)
;//被替換的值num3=[3]; arr=[1,2,6,7,8,4,5]
slice(開始位置,結束位置);第二個引數不寫預設到尾部,只能從前往後擷取;返回的值為擷取到的內容形成的新陣列;
注意:slice()方法不會更改到原陣列的值var copyarr=arr.
slice()
;// slice()或者slice(0)都可以複製陣列;
var arr=[1
,2,3
,4,5
];var newarr=arr.
slice(1
,3);
//擷取索引1到索引3(不包括3)的值;
console.
log(newarr,arr);
//newarr=[2,3];arr=[1,2,3,4,5];
指定字元連線字串
join();陣列的每個元素以指定的字元連線形成新字串返回;
將陣列進行排序var arr=[1
,2,3
,4,5
];var newarr=arr.
join()
//預設用逗號連線
console.
log(newarr)
;//newarr=1,2,3,4,5;
//如果連線符為空字串,則會無縫連線
console.
log(arr.
join(''
));//輸出為12345;
sort()將陣列進行排序(公升序),返回新陣列,
原陣列會改變
將陣列進行倒序var arr=[2
,3,5
,1,4
];var newarr=arr.
sort()
;console.
log(newarr,arr)
;//newarr=[1,2,3,4,5]; arr=[1,2,3,4,5]
reverse();可以將陣列進行倒序,並返回新陣列,
原陣列會隨之改變
var arr=[1
,2,3
,4,5
];var newarr=arr.
reverse()
;console.
log(newarr,arr)
;//newarr=[5,4,3,2,1]; arr=[5,4,3,2,1];
js陣列常用方法
push 向陣列的末尾增加一項 返回值是陣列的新長度 unshift 向陣列開頭增加一項 返回值是陣列的新長度 pop 刪除陣列的末尾項 返回值是刪除的陣列項 shift 刪除陣列開頭項 返回被刪除的開頭專案 splice 刪除陣列中的任意項 返回值是被刪除的陣列項 slice 複製陣列 返回值是複...
js陣列常用方法
array.join 方法將陣列中所有元素都轉化為字串並連線在一起,返回最後生成的字串。可以指定乙個可選的字串在生成的字串中來分隔陣列的各個元素。如果不指定分隔符,預設使用逗號。示例 var a 1,2,3 console.log a.join 1,2,3 console.log a.join 1 ...
JS陣列常用方法
給大家整理出js常用的方法,有需要的可以收藏起來 1.array.map 此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列 let arr 1 2,3 4,5 let newarr arr.map x x 2 arr 1,2,3,4,5 原陣列保持不變 n...