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

js的數組原型方法使用詳解

php中世界最好的语言
發布: 2018-05-24 11:58:31
原創
1890 人瀏覽過

這次帶給大家js的陣列原型方法使用詳解,js的陣列原型方法使用注意事項有哪些,下面就是實戰案例,一起來看一下。

push
會改變原數組的,傳回值是改變後的陣列長度

var arr = [1,2,3];
var length = arr.push(4,5)
console.log('length: ' + length + '  arr: ' + arr)
//     length: 5  arr: 1,2,3,4,5
登入後複製

pop
會改變原數組的,傳回值是pop出來的元素值

var arr = [1,2,3];
var val = arr.pop()
console.log('val: ' + val + '  arr: ' + arr)
// val: 3  arr: 1,2
登入後複製

unshift
會改變原始數組,傳回值是改變後的數組長度

var arr = [1,2,3];
var length = arr.unshift('haha')
console.log('length : ' + length + '  arr: ' + arr)
// length : 4  arr: haha,1,2,3
登入後複製

shift
會改變原數組,傳回值是shift出來的元素值

var arr = [1,2,3];
var val = arr.shift()
console.log('val: ' + val + '  arr: ' + arr)
// val: 1  arr: 2,3
登入後複製

concat
不會改變原始數組,傳回值是一個新數組

var arr = [1,2,3];
var arr1 = arr.concat(['haha','hehe'])
console.log('arr : ' + arr + '  arr1: ' + arr1)
// arr : 1,2,3  arr1: 1,2,3,haha,hehe
登入後複製

reverse
會改變原始數組,傳回值是原始數組

var arr = [1,2,3];
var arr1 = arr.reverse(); // [3,2,1]
console.log('arr: ' + arr + '   arr1: ' + arr1)
// arr: 3,2,1   arr1: 3,2,1
登入後複製

slice( start, end)
從原數組選取部分元素(下標是start 到end-1 的元素)構成新數組。 start,end都可以是負數,規定的是從數組尾部開始算起,-1 指最後一個元素,-2 指倒數第二個元素,以此類推
不會改變原數組,返回值是一個新數組。

// 有end
var arr = [1,2,3,4];
var arr1 = arr.slice(1,3); // 1:起始下标,3:结束下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3
// 无end,那么切分的数组包含从 start 到数组结束的所有元素
var arr = [1,2,3,4];
var arr1 = arr.slice(1); // 1:起始下标
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2,3,4
// end为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(1, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2
// start为负数
var arr = [1,2,3,4];
var arr1 = arr.slice(-3, -2);
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,2,3,4    arr1: 2
登入後複製

splice()
刪除、插入和取代原始數組。返回被刪除的項目所構成的數組
會改變原始數組,返回值是一個新數組

// 删除
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,2); // 1:起始下标,2:删除的项数
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,4,5    arr1: 2,3
// 插入
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,0,'a','b'); // 1:起始下标(在此下标之前插入),0:不删除,'a'和'b'是要插入的元素
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,a,b,2,3,4,5    arr1: []
// 替换
var arr = [1,2,3,4,5];
var arr1 = arr.splice(1,2,'a','b','c'); // 1:起始下标,2:删除的项数,'a','b','c'是要插入的元素
console.log('arr: ' + arr + '    arr1: ' + arr1)
// arr: 1,a,b,c,4,5    arr1: 2,3
登入後複製

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:

avalon前端專案中使用解析

#使用CSS實作乒乓球對打動畫

以上是js的數組原型方法使用詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板