JavaScript中陣列的相關方法

2021-08-09 16:19:53 字數 2583 閱讀 5535

var arr=[12,22];

//1 push(items) 原陣列改變,返回陣列的長度也可以增加多個值

var length=arr.push(14);

console.log(arr, length)//[12, 22, 14] 3

arr.push(12,13,14)//新增多個值

console.log(arr)//[12, 22, 14, 12, 13, 14]

// 2 pop() 刪除陣列最後一項,返回被刪除的一項

var item=arr.pop();

console.log(arr,item);//[12, 22, 14, 12, 13] 14

// 3 shift() 刪除陣列的第一項,返回被刪除的一項

var item1=arr.shift();

console.log(arr,item1)//[22, 14, 12, 13] 12

// 4 unshift() 向陣列的開始位置新增內容,返回長度,可以多個引數

var item3=arr.unshift(44);

console.log(arr,item3)//[44, 22, 14, 12, 13] 5

// 5 slice(n,m) 從索引n開始到索引m-1 ,原陣列不變,返回找出來的元素組成的新陣列,

//若只有乙個引數,則從n開始到末尾;

//若n小於m,怎返回空陣列

//若不傳引數,則返回所有值,等於複製了乙個新陣列

//如果n,m為負數,則從末尾開始數,最後乙個位-1

var arry=[1,2,3,4,5,6,7,8,9]

var a=arry.slice(3,5);

console.log(arry,a);//[1, 2, 3, 4, 5, 6, 7, 8, 9] [4, 5]

// 6 splice(n,m) 從索引n開始,找出m個,原陣列改變,去除了找出的元素,返回新陣列,新陣列元素為找出的元素所組成

//如果只傳乙個引數,則擷取n以後的元素

//不傳引數則返回空陣列,

//如果不夠m個,則取到末尾

//如果n為負數,則倒著查詢,不夠m個也是取到末尾

var arry1=[1,23,4,2,34,54];

var b=arry1.splice(2,3);

console.log(arry1,b);//[1, 23, 54] [4, 2, 34]

// 7 b.concat(a) 將a陣列新增到b陣列中,原陣列不變,返回新的陣列

var arry2=[1,2];

var arry3=[3,4];

var c=arry2.concat(arry3);

console.log(arry2,arry3,c)//(2) [1, 2] (2) [3, 4] (4) [1, 2, 3, 4]

// 8 join(str);將陣列轉成字串,各項之間用str字串鏈結

var arry4=[1,2,3,4,5,6];

var str1=arry4.tostring();

var str2=arry4.join(',');

console.log(str1,str2);//1,2,3,4,5,6 1,2,3,4,5,6

// 9 eval 將字串變成**執行

var num=eval(arry4.join("+"));

console.log(num)//21 將各項相加

// 10 sort //只能是十以內的排序

var arry5=[1,5,4,7,6,9];

var arry6=[12,4,56,44,32,22];

arry5.sort();

arry6.sort();

console.log(arry5);//[1, 4, 5, 6, 7, 9]

console.log(arry6);//[12, 22, 32, 4, 44, 56]

arry6.sort(function(a,b));

console.log(arry6);//[4, 12, 22, 32, 44, 56]

// 11 reverse 將陣列倒過來排列

var arry7=[12,4,56,44,32,22,4];

arry7.reverse();

console.log(arry7);//[4, 22, 32, 44, 56, 4, 12]

// 12 indexof() lastindexof() 在ie下不行

console.log(arry7.indexof(44));//3

console.log(arry7.lastindexof(4));//6

// 13 foreach 遍歷陣列

arry7.foreach(function(item,index))

// 14 map 遍歷陣列

var newarry7=arry7.map(function(item,index))

console.log(arry7,newarry7)//[4, 22, 32, 44, 56, 4, 12] [14, 32, 42, 54, 66, 14, 22]

JavaScript中的陣列

陣列 引數 返回值原陣列是否改變 1 向陣列尾部新增push 引數可以是乙個或多個 返回值是新增後陣列的長度 原陣列改變 2 刪除陣列的最後一項pop 沒有引數 返回值是刪除的那個數 原陣列改變 3 向陣列的頭部新增unshift 引數可以是乙個或多個 返回值是新增後陣列的長度 原陣列改變 4 刪除...

JavaScript中的陣列

1.1基本資料型別 以number型別為例number 報錯,error is not defined number nan,nan是非數值,乙個特殊的數值 number 1 1 乙個單純的數字 number 1 1 乙個單純的數字 new number 1 number,乙個物件,具有物件方法也就...

JavaScript中的陣列

陣列的宣告 宣告乙個陣列裡面是abc,宣告乙個空陣列物件 var arr1 newarray arr1 0 abc alert arr1 宣告乙個陣列長度是5,宣告乙個具有一定長度length的陣列 var arr2 newarray 5 alert arr2.length 宣告乙個陣列裡面有1 2...