JS 基礎學習 1 陣列 列表 的基本操作

2022-09-14 08:18:11 字數 3601 閱讀 4382

本文主要介紹js對陣列(列表)的基本操作。習慣了用資料庫的操作順序來說明:增、刪、改、查;合併,裁剪,排序,格式化。

增加陣列元素有三種方法:unshift()  push()  splice()

1、arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);//將乙個或多個新元素新增到陣列開始位置(即頭部),陣列中的原元素自動後移;並返回陣列新長度。

2、arrayobj.push([item1 [item2 [. . . [itemn ]]]]);//將乙個或多個新元素新增到陣列結尾;並返回陣列新長度。

3arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//將乙個或多個新元素插入到陣列的指定位置,插入位置的元素自動後移,返回""。

舉例說明:

unshift()

var a = [1,2.5,"a","yes"];

var temp = a.unshift(-1,-2.2);

console.log(a); //[-1, -2.2, 1, 2.5, "a", "yes"]

console.log(temp); //6 陣列的長度

push()

var a = [1,2.5,"a","yes"];

var temp = a.push(-1,-2.2);

console.log(a); //[1, 2.5, "a", "yes", -1, -2.2]

console.log(temp); //6 陣列的長度

splice() 將資料新增到原陣列結尾

var a = [1,2.5,"a","yes"];

var temp = a.splice(a.length,0, -1,-2.2); //此將資料新增到原陣列結尾,同push()

console.log(a); //a: [1, 2.5, "a", "yes", -1, -2.2]

console.log(temp); // 空陣列

splice() 將資料新增到原陣列開頭

var a = [1,2.5,"a","yes"];

var temp = a.splice(0,0, -1,-2.2); //此將資料新增到原陣列開頭,同unshift()

console.log(a); //a: [-1, -2.2, 1, 2.5, "a", "yes"]

console.log(temp); // 空陣列

splice() 將資料新增到具體位置

var a = [1,2.5,"a","yes"];

var temp = a.splice(2,0, -1,-2.2); //此將資料新增到第三個位置

console.log(a); //a: [1, 2.5, -1, -2.2, "a", "yes"]

console.log(temp); // 空陣列

本文主要介紹js對陣列(列表)的基本操作。習慣了用資料庫的操作順序來說明:增、刪、改、查;合併,裁剪,排序,格式化。

增加陣列元素有三種方法:unshift()  push()  splice()

1、arrayobj.unshift([item1 [item2 [. . . [itemn ]]]]);//將乙個或多個新元素新增到陣列開始位置(即頭部),陣列中的原元素自動後移;並返回陣列新長度。

2、arrayobj.push([item1 [item2 [. . . [itemn ]]]]);//將乙個或多個新元素新增到陣列結尾;並返回陣列新長度。

3arrayobj.splice(insertpos,0,[item1[, item2[, . . . [,itemn]]]]);//將乙個或多個新元素插入到陣列的指定位置,插入位置的元素自動後移,返回""。

舉例說明:

unshift()

var a = [1,2.5,"a","yes"];

var temp = a.unshift(-1,-2.2);

console.log(a); //[-1, -2.2, 1, 2.5, "a", "yes"]

console.log(temp); //6 陣列的長度

push()

var a = [1,2.5,"a","yes"];

var temp = a.push(-1,-2.2);

console.log(a); //[1, 2.5, "a", "yes", -1, -2.2]

console.log(temp); //6 陣列的長度

splice() 將資料新增到原陣列結尾

var a = [1,2.5,"a","yes"];

var temp = a.splice(a.length,0, -1,-2.2); //此將資料新增到原陣列結尾,同push()

console.log(a); //a: [1, 2.5, "a", "yes", -1, -2.2]

console.log(temp); // 空陣列

splice() 將資料新增到原陣列開頭

var a = [1,2.5,"a","yes"];

var temp = a.splice(0,0, -1,-2.2); //此將資料新增到原陣列開頭,同unshift()

console.log(a); //a: [-1, -2.2, 1, 2.5, "a", "yes"]

console.log(temp); // 空陣列

splice() 將資料新增到具體位置

var a = [1,2.5,"a","yes"];

var temp = a.splice(2,0, -1,-2.2); //此將資料新增到第三個位置

console.log(a); //a: [1, 2.5, -1, -2.2, "a", "yes"]

console.log(temp); // 空陣列

JS 基礎學習 2 陣列 列表 的基本操作

刪除陣列元素有三種方法 shift pop splice 1 arayobj.shift 刪除原陣列第一項,並返回刪除元素的值 如果陣列為空則返回undefined 2 arrayobj.pop 刪除原陣列最後一項,並返回刪除元素的值 如果陣列為空則返回undefined 3 arrayobj.sp...

js陣列基本方法 1

1.arr.join join 陣列 字串,該字串以特定字元分隔開.var arr a b c var str arr.join console.log str console.log typeof str console.log arr console.log typeof arr object2...

JS 陣列學習1

建立陣列的方式 第一種 var array 1,4,5,8,11,22 第二種 var arr1 new array var arr2 new array 10 指定了陣列的長度 var arr2 new array 1,2,3,6,8 定義了陣列 陣列的讀寫 var result1 arr2 0 ...