目錄
- 1. 增加元素
- 2. 洗掉元素
- 3. 更改元素
- 4. 查詢元素
- 5. 清空陣列
- 6. 逆置陣列
- 7. 拼接兩個陣列
- 8. 將陣列轉換為字串
- 9. 取出指定范圍的資料
- 10.統一給陣列中的元素賦值
1. 增加元素
- 在陣列開頭增加
- 通過unshift方法
- 注意點:該方法會回傳增加后陣列的長度
- 例如:
arr.unshift(data);- 含義:將data添加到arr陣列的開頭
- 在陣列末尾增加
- 通過push方法
- 注意點:該方法會回傳增加后陣列的長度
- 例如:
arr.push(data);- 含義:將data添加到arr陣列的末尾
2. 洗掉元素
- 洗掉開頭元素
- 通過shift方法
- 注意點:該方法會回傳洗掉的元素
- 例如:
arr.shift(data);- 含義:洗掉陣列arr開頭的元素
- 洗掉結尾元素
- 通過pop方法
- 注意點:該方法會回傳洗掉的元素
- 例如:
arr.pop(data);- 含義:洗掉陣列arr末尾的元素
- 洗掉指定范圍內的元素
- 通過splice方法
- 注意點:在此處該方法接收兩個引數,第一個引數為需要洗掉的第一個元素的索引,第二個引數為需要洗掉的長度
- 例如:
arr.splice(1, 4);- 含義:在陣列arr中,從索引為1的位置靠開始洗掉,一共洗掉4個元素
3. 更改元素
- 更改單個元素
- 直接為需要更改的元素賦值
- 例如:
arr[1] = 4;- 含義:將arr[1]的值更改為4
- 例如:
- 直接為需要更改的元素賦值
- 更改指定范圍元素
- 通過splice方法
- 注意點:在此處該方法接收多個引數,第一個引數為需要更改的第一個元素的索引,第二個引數為需要更改的長度,后面的引數則為具體的需要更改的值
- 例如:
arr.splice(1, 3, 4, 5, 6);- 含義:在陣列arr中,從索引為1的位置靠開始更改,一共更改3個元素,分別更改為:4,5,6
4. 查詢元素
- 查詢元素的索引
- 從左至右
- 采用indexOf方法
- 注意點:查找成功則回傳該元素的索引,查找失敗則回傳-1
- 從右至左
- 采用lastIndexOf方法
- 注意點:查找成功則回傳該元素的索引,查找失敗則回傳-1
- 總注意點:當陣列中存在相同元素時,可以向 indexof方法 和 lastIndexOf方法 中傳遞兩個引數從指定的位置開始查找
- 例如:
arr.lastIndexOf(1, data); - 含義:在陣列arr中 從索引為1的地方開始查找元素data
- 例如:
- 從左至右
5. 清空陣列
- 將陣列的長度更改為0
- 例如:
arr.length = 0; - 含義:將陣列arr的長度更改為0,清空陣列arr
- 例如:
- 將陣列賦值為空
- 例如:
arr = []; - 含義:將陣列arr賦值為空,清空陣列
- 例如:
6. 逆置陣列
- reverse方法
- 注意點:誰呼叫該方法,就對誰進行逆置,會改變原陣列
- 例如:
arr1.reverse(); - 含義:逆置陣列arr1
7. 拼接兩個陣列
- 通過concat方法
- 注意點:誰呼叫該方法,誰就在前面,并且最終不會對原陣列進行更改,只會將拼接后的結果以陣列的形式回傳給我們
- 例如:
let res = arr1.concat(arr2); - 含義:將陣列arr2拼接到陣列arr1的后面
- 通過擴展運算子
- 例如:
let res = [...arr2, ...arr1]; - 含義:將陣列arr1拼接到陣列arr2的后面
- 例如:
8. 將陣列轉換為字串
- toString方法
- 注意點:該方法會將陣列轉換為字串后回傳給我們,而不會對原陣列進行任何更改
- 例如:
let str = arr1.toString(); - 含義:將陣列arr1轉換為字串后賦值給str
- join方法
- 注意點:該方法會將陣列轉換為指定格式的字串,默認情況下(不傳遞引數)效果和toString方法一樣,但是如果傳遞了引數,就會將該陣列中的元素,通過指定符號拼接到一起,最終以字串的形式回傳給我們
- 例如:
let str = arr2.join("*"); - 含義:將陣列arr2轉換為字串后,通過*拼接到一起,最終以字串的形式賦值給str
9. 取出指定范圍的資料
- slice方法
- 注意點:該方法是包頭不包尾的,也就是說:第一個引數為我們需要取的第一個元素的索引,第二個引數為我們需要取的最后一個元素的后面一個元素的索引,最終也是以陣列的形式回傳給我們
- 例如:
let res = arr.slice(1, 3); - 含義:在陣列arr中,從索引為1的元素開始取,一直取到索引為2的元素結束
10.統一給陣列中的元素賦值
- fill方法
- 注意點:將陣列中的元素統一賦值為指定資料
- 例如:
arr.fill(1) - 含義:在陣列arr中,將陣列中的值統一賦值為1
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/137750.html
標籤:JavaScript
上一篇:Vue 向組件中插入內容
