陣列常用的方法
陣列的兩個屬性
1.constructor:返回建立此物件的陣列函式的引用
var arr=['a','b','c'];
console.log(arr.constructor) //來檢視arr是否是陣列
2.length:陣列中元素的數目。
陣列的常用方法
Array.isArray()
用於確定傳遞的值是否是一個 Array,返回true或者false
以下四個對陣列進行操作的方法都不會改變原來的陣列,而是返回新的陣列。
concat():
連線兩個或更多的陣列
var arr1=['1','2','3'];
var arr2=['a','b','c'];
var arr3=['h','j','k'];
var arr4= arr1.concat(arr2,arr3);
console.log(arr4)
//輸出['1','2','3','a','b','c','h','j','k']
toString():
把陣列轉換為字串
var arr1=['1','2','3'];
console.log(arr1.toString())
//輸出1,2,3
join():
把陣列的所有元素放入一個字串,元素通過指定的分隔符進行分割(沒有引數預設以逗號分隔),返回值是字串型別
var arr1=['1','2','3'];
console.log(arr1.join('-'));
//輸出1-2-3
slice():
從某個已有的陣列返回選定的元素。返回一個新的陣列,取值有頭無尾。引數若為負數則從尾部開始數
var arr1=['1','2','3','4','5'];
console.log(arr1.slice(1,2)); //['2']
console.log(arr1.slice(1,-2)); //['2','3']
console.log(arr1.slice(1)); //['2','3','4','5']
以下對陣列的操作會改變原來的陣列
sort():
對陣列的元素進行排序 先排數字(按第一位數字排序)然後是大寫字母然後是小寫字母,返回改變後的陣列
arr.sort(function(a,b){
if(a>b){
return 1;
}else if(a<b){
return -1;
}else{
return 0;
}
}) //這樣數字字串可以按照大小排序而不是第一位數字
reverse():
顛倒陣列中元素的順序,返回改變後的陣列
var arr1=['1','2','3','4','5'];
console.log(arr1.reverse());
//輸出['5','4','3','2','1']
unshift():
向陣列的開頭新增一個或更多元素,並返回新的長度
var arr1=['1','2','3','4','5'];
console.log(arr1.unshift('z'));
//輸出6
console.log(arr1);
//var arr1=['z','1','2','3','4','5'];
shift():
刪除並返回陣列的第一個元素,返回的是刪除的元素
var arr1=['1','2','3','4','5'];
console.log(arr1.shift());
//輸出1
console.log(arr1);
//var arr1=['2','3','4','5'];
push():
向陣列的尾部新增一個或更多元素,並返回新的長度
var arr1=['1','2','3','4','5'];
console.log(arr1.push('z'));
//輸出6
console.log(arr1);
//var arr1=['1','2','3','4','5','z'];
pop():
刪除並返回陣列的最後一個元素返回的是刪除的元素
var arr1=['1','2','3','4','5'];
console.log(arr1.pop());
//輸出5
console.log(arr1);
//var arr1=['1','2','3','4'];
splice():
刪除元素,並向陣列新增新元素。arr.splice(index,howmany,item),index必需,是整數,規定了新增刪除專案的位置,使用負數從陣列結尾處規定位置,howmany必需,設定要刪除的專案數量。返回值是刪掉的元素
var arr1=['a','b','c','d','e'];
console.log(arr1.splice(2,1)); //['c']
console.log(arr1); //['a','b','d','e'];
console.log(arr1.splice(2,1,5)); //['d']
cosole.log(arr1); //['a','b',5,'e'];
查詢陣列中的某個元素常用方法
indexOf():
返回在陣列中找到的一個給定元素的第一個索引,如果不存在,則返回-1
lastIndexOf():
返回指定元素在陣列中的最後一個的索引,如果不存在則返回 -1。從陣列的後面向前查詢
includes():
用來判斷一個陣列是否包含一個指定的值,如果是,返回 true或 false
find():
返回陣列中滿足提供的測試函式的第一個元素的值
findIndex():
返回陣列中滿足提供的測試函式的第一個元素的索引
相關文章
- 陣列的常用方法陣列
- 常用陣列方法陣列
- 陣列常用方法陣列
- js常用的陣列方法JS陣列
- 常用陣列方法梳理陣列
- 陣列常用物件方法陣列物件
- js常用陣列方法JS陣列
- javascript陣列常用方法JavaScript陣列
- 陣列常用方法補充陣列
- JavaScript 陣列 常用方法(二)JavaScript陣列
- 陣列中常用的方法總結陣列
- 字串和陣列常用方法整理字串陣列
- js陣列常用方法總結JS陣列
- JavaScript陣列 幾個常用方法JavaScript陣列
- JS中字串和陣列的常用方法JS字串陣列
- 陣列常用方法的簡單封裝陣列封裝
- 常用的幾個陣列操作方法陣列
- JavaScript陣列中的22個常用方法JavaScript陣列
- 常用的幾個陣列方法與數學方法陣列
- JS 陣列中常用方法總結JS陣列
- js中陣列常用方法總結JS陣列
- javascript 陣列(array) 常用的方法集錦(上)JavaScript陣列
- 三種常用的js陣列去重方法JS陣列
- javascript中常用的陣列操作方法,以及是否會改變原始陣列JavaScript陣列
- js與jquery常用陣列方法總結JSjQuery陣列
- JS常用陣列方法總結筆記JS陣列筆記
- javascript 原生常用api 陣列方法大全JavaScriptAPI陣列
- Javascript - 陣列和陣列的方法JavaScript陣列
- JavaScript陣列常用方法解析和深層次js陣列扁平化JavaScript陣列JS
- 陣列的方法陣列
- 遍歷陣列的常用方法forEach,filter,map等陣列Filter
- js陣列去重的三種常用方法總結JS陣列
- Ruby 中陣列的常用操作陣列
- js字串與陣列常用方法速查.個人筆記JS字串陣列筆記
- 2024-05-10 js 常用陣列方法JS陣列
- JS常用陣列操作JS陣列
- JavaScript陣列常用操作JavaScript陣列
- JS陣列的方法JS陣列