首頁 > web前端 > js教程 > 主體

js操作數組教程詳解

巴扎黑
發布: 2017-07-18 15:42:20
原創
1538 人瀏覽過

一:陣列元素的新增

1:push

var f1=[1,2,3]
f1.push(4,5)
console.log(f1) //[1,2,3,4,5]

 2:unshift() 方法可在陣列的開頭新增一個或更多元素,並傳回新的長度。

var f1=[1,2,3]f1.unshift(4,5)
console.log(f1) //[4,5,1,2,3]
登入後複製

3:splice() 方法向/從陣列中新增/刪除項目,然後傳回已刪除的項目

(1)刪除

#
var f1=[1,2,3,4,5,6,7]f1.splice(4,2)
console.log(f1) //[1, 2, 3, 4, 7]
登入後複製

(2)刪除並新增

var f1=[1,2,3,4,5,6]
f1.splice(1,2,'h')
console.log(f1) //[1, "h", 4, 5, 6]
登入後複製

二:陣列元素的刪除

1:pop(); //移除最後一個元素並傳回該元素值

 f1=[1,2,3,4,5,6
登入後複製

2:shift(); //移除最前面一個元素並傳回該元素值,數組中元素自動前移

var f1=[1,2,3,4,5,6]
console.log(f1.shift()) //1
console.log(f1)  //[2, 3, 4, 5, 6]

3:splice(deletePos,deleteCount); //刪除從指定位置deletePos開始的指定數量deleteCount的元素,陣列形式傳回所移除的元素

見上一數組元素的新增3

三:元素的截取與合併

1:slice(start, end); //以陣列的形式傳回陣列的一部分,注意不包括end 對應的元素,如果省略end 將複製start 之後的所有元素

var f1=[1,2,3,4,5,6]
console.log(f1.slice(3)) //[4, 5, 6]console.log(f1)  //[1,2, 3, 4, 5, 6] 不会改变数组   splice 会该变原数组
登入後複製

2:concat() 方法用於連接兩個或多個數組。

var f1=[1,2];var f2=[3,4]
console.log(f1.concat(f2)) //[1, 2, 3, 4]
登入後複製

四:數組的拷貝

1,slice(0); //傳回數組的拷貝數組,注意是一個新的數組,而不是指向
2,concat(); //傳回數組的拷貝數組,注意是一個新的數組,不是指向

五:數組元素的字串化

join(separator); / /回傳字串,這個字串將陣列的每一個元素值連接在一起,中間用separator 隔開。

var f1=['apple','banner','orange']
console.log(f1.join()) //apple,banner,orange
登入後複製

 

以上是js操作數組教程詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!