js 陣列常用方法:
1.slice/擷取複製陣列指定位置的內容:
slice
(開始位置,結束位置);第二個引數不寫預設到尾部,只能從前往後擷取;返回的值為擷取到的內容形成乙個新陣列。
let copyarr=arr.
slice()
;// slice()或者slice(0)都可以複製陣列;
let arr=[1
,2,3
,4,5
];let newarr=arr.
slice(1
,3);
//擷取索引1到索引3(不包括3)的值;
console.
log(newarr,arr);//newarr=[2,3];arr=[1,2,3,4,5];
注://
slice
()方法不會更改到原陣列的值
如果是負數,那麼它規定從陣列尾部開始算起的位置。也就是說,-
1 指最後乙個元素,-
2 指倒數第二個元素,以此類推。
請注意,該方法並不會修改陣列,而是返回乙個子陣列。如果想刪除陣列中的一段元素,應該使用方法 array.
splice()。
可使用負值從陣列的尾部選取元素。
如果 end 未被規定,那麼 slice
() 方法會選取從 start 到陣列結尾的所有元素。
2.指定字元連線字串
join()
; 陣列的每乙個元素以指定的字元連線形成新字串返回;
let arr=[1
,2,3
,4,5
];let newarr=arr.
join()
//預設用逗號連線
console.
log(newarr)
;//newarr=1,2,3,4,5;
//如果連線符為空字串,則會無縫連線
console.
log(arr.
join
(「」));
//輸出為12345;
3.將陣列進行排序
sort()
將陣列進行排序
(公升序)
,返回新陣列,原陣列也會改變;
let arr=[2
,3,5
,1,4
];let newarr=arr.
sort()
;console.
log(newarr,arr);//newarr=[1,2,3,4,5]; arr r=[1,2,3,4,5]
4.將陣列進行倒序
reverse()
;可以將陣列進行倒序,並返回新陣列,原陣列也會隨之改變;
let arr=[1
,2,3
,4,5
];let newarr=arr.
reverse()
;console.
log(newarr,arr);//newarr=[5,4,3,2,1]; arr=[5,4,3,2,1];
5.splice在陣列中新增刪除或替換元素
splice()
;在任意位置新增或刪除元素,返回刪除或被替換的值,如果沒有被刪除或替換則返回空陣列;
splice
()方法會修改原陣列的值;
只有乙個值時,從當前位置刪除到陣列末尾。
let arr=[1
,2,3
,4,5
];let num1=arr.
splice(1
)console.
log(num1;arr)
//num=[2,3,4,5];arr=[1];
有兩個值的時候,第乙個值為刪除的位置,第二個值為刪除的個數;
let arr=[1
,2,3
,4,5
];let num1=arr.
splice(2
,3)//刪除從索引值2開始的3個元素
console.
log(num1;arr)
;// num1=[3,4,5],arr=[1,2]
有三個或者多個值時,第乙個值為插入元素的位置,第二個值為替換的個數,後面的值都為插入的新元素;
let arr=[1
,2,3
,4,5
];let num2=arr.
splice(2
,1,6
,7,8
);//從索引值2開始替換掉1個元素,並且插入6,7,8
//如果第二個值為0,則不替換,直接插入6,7,8;
console.
log(num2;arr)
;//被替換的值num2=[3]; arr=[1,2,6,7,8,4,5]
6.陣列和陣列(或元素)的合併
let arr=[1
,2,3
,4,5
]let 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]
;concat
()還可以複製乙個新陣列;
7.刪除陣列的頭部元素
shift()
;刪除索引為0的元素,並返回刪除的元素
let arr=[1
,2,3
,4,5
]var delelement=
shift()
;console.
log(arr, delelement)
;arr的值為[2,
3,4,
5];delelement的值為被刪除的元素1;
8.在陣列的頭部插入元素
unshift
(value)
;在陣列的頭部新增乙個或多個元素,並返回陣列的新長度
let arr=[1
,2,3
,4,5
]var length=
unshift(0
);console.
log(arr,length)
;//arr的值為[0,1,2,3,4,5];length的值為更改後陣列的長度6;
9.刪除陣列末尾的元素
arr.
pop(
)刪除索引值最大的元素,並返回被刪除的元素。
let arr=[1
,2,3
,4,5
]var delelement=arr.
pop();
console.
log(arr, delelement)
;arr的值為[1,
2,3,
4],delelement的值為5
arr.
pop(
)的與arr.length--的效果一樣,但arr.length--沒有返回值;
10.在陣列末尾插入元素
arr.
push
(value),在陣列的末尾新增乙個或多個元素,並返回陣列的新長度。
例如:let arr=[1
,2,3
,4,5
]var longth=arr.
push(6
,7);
console.
log(arr, longth)
;陣列的arr的值變為arr[1,
2,3,
4,5,
6,7]
;length接收返回的是修改後陣列的長度7
;
JS陣列方法歸納
join方法 將陣列轉換成字串 var arr a b c 括號中的值為轉換成字串之後各項之間的值 var str arr.join abc var str arr.join a,b,c push方法 在陣列後面增加一項 var arr a b c var newleng arr.push d co...
js 常用陣列方法
陣列常用方法 都不改變原陣列 1.foreach function item,index,array 遍歷陣列 var arr 1 2,3 4,5 6 arr.foreach function item,index 1 0 1,2,3,4,5,6 2 1 1,2,3,4,5,6 3 2 1,2,3,...
記錄JS常用陣列方法
1.給陣列新增元素push 方法,在陣列末尾新增,返回新陣列 var arr 1,2,3 arr.push 4,2 console.log arr 結果是 1,2,3,4,2 2.給陣列移除元素pop 方法,不需要傳引數,返回新陣列 var arr 1,2,3 arr.pop console.log...