通過運用一些陣列的方法,能更有利方便的讓我們的陣列中的資料進行管理,那這些方法都是什麼,他們都用什麼作用呢?下面讓我來給大家詳解一下。
先給定乙個陣列
var arr = [「hello」,1,2,3,「world」];
下面就讓我們來通過陣列的一些常用方法來管理這些資料把!
1.push()
// 引數:任意個,任意值
// 返回值:陣列被增加之後的長度
// 功能:在陣列的尾部增加資料,增加的資料是push的引數
// 有沒有修改原陣列:會修改原陣列
var res = arr.
push
("a",3
,4,5
,"hahah");
console.
log(res)
;//10
2.unshift()
// 引數:任意個,任意值
// 返回值:陣列被增加之後的長度
// 功能:在陣列的頭部增加資料,增加的資料是unshift的引數
// 有沒有修改原陣列:會修改原陣列
var res = arr.
unshift
("a",3
,4,5
,"hahah");
console.
log(res)
;//10
3.pop()
// 引數:沒有
// 返回值:被刪除的資料
// 功能:刪除最後一位
// 有沒有修改原陣列:會修改原陣列
var res = arr.
pop();
console.
log(res)
;// world
4.shift()
// 引數:沒有
// 返回值:被刪除的資料
// 功能:刪除最後一位
// 有沒有修改原陣列:會修改原陣列
var res = arr.
pop();
console.
log(res)
;// world
5.splice()
// 返回值:被刪除的資料
// 有沒有修改原陣列:會修改原陣列
// 引數:乙個,表示索引
// 功能:從指定索引,刪除到結束
var res = arr.
splice(2
);console.
log(res)
;//[4,5,"world"]
// 返回值:被刪除的資料
// 有沒有修改原陣列:會修改原陣列
// 引數:兩個,第乙個表示索引,第二個表示個數
// 功能:從指定索引,刪除指定個數個
var res = arr.
splice(2
,2);
console.
log(res)
;//[4,5]
// 返回值:被刪除的資料
// 有沒有修改原陣列:會修改原陣列
// 引數:兩個,第乙個表示索引,第二個表示個數,從第三個引數開始向後,都是資料
// 功能:從指定索引,刪除指定個數個,填充第三個引數向後司所有的資料
var res = arr.
splice(2
,2,"zhangsan"
,"lisi"
,true
,"hahah"
,3.1415);
console.
log(res)
;//[4,5]
6.reverse()
// 返回值:翻轉後的陣列
// 有沒有修改原陣列:會修改原陣列
// 引數:沒有
// 功能: 翻轉陣列
var res = arr.
reverse()
; console.
log(res)
;// ["world", 5, 4, 3, "hello"]
7.join()
// 返回值:字元結構
// 有沒有修改原陣列:不會修改原陣列
// 引數:沒有
// 功能:轉成字元
var res = arr.
join()
; console.
log(res)
;//hello,3,4,5,world
8.slice();
// 返回值:新陣列
// 有沒有修改原陣列:不會修改原陣列
// 引數:乙個引數
// 功能:從指定索引開始擷取,返回成乙個新陣列
var res = arr.
slice(3
); console.
log(res)
;//[5, "world"]
// 返回值:新陣列
// 有沒有修改原陣列:不會修改原陣列
// 引數:兩個引數
// 功能:從指定索引開始擷取,擷取到指定位置的前乙個,返回成乙個新陣列
var res = arr.
slice(2
,4);
console.
log(res)
;//[4,5]
9.concat()
// 返回值:新陣列
// 有沒有修改原陣列:不會修改原陣列
// 引數:其中乙個陣列
// 功能:合併陣列
var arr1 =
["a"
,"b"];
var arr2 =[4
,5];
var res = arr1.
concat
(arr2)
; console.
log(res)
;//["a","b",4,5]
陣列的一些常用方法
foreach some filter let arr 10,20,30,40,50,60 let r arr.filter item console.log r 40,50,60 slice slice 接受一或兩個引數,即要返回項的起始和結束位置 乙個引數,slice 返回 從該引數指定位置開始...
陣列常用的一些方法
1 push 向陣列的末尾新增新內容 引數 要新增的項。傳遞多個用逗號隔開,任何資料型別都可以 返回值 新增後陣列的長度 是否改變原陣列 改變 let ary1 12,34,26 ary1.push 100 返回乙個新的長度 length 4 console.log ary1 結果為 12,34,2...
陣列方法的一些常用方法
js的陣列的方法有很多,先介紹幾個基本的方法 註解 1.2.引數中括號的內容 可選是可不寫的引數 有預設值 不含是返回值不包含該位置元素 3.結果 只在我函式中加了引數的情況下才有 否則為無。而且只是給出陣列變化結果,並不一定是方法的返回值 4.為了簡短起見,下文會使用js中的一些型別名稱的縮寫 a...