JS數組中常用方法技巧學會進階成為大佬
splice()方法
截取替換數組
第一個參數是起始位置,第二個是截取的個數,第三是替換的元素 ,返回值是截取的元素,原數組是剩餘的元素。
join()方法
數組轉字符串
()裡的是以什麼來連接,如果輸入空字符串join(”)則直接拼接不分割
例如:
let aaa = [1,2,3] let bbb = aaa.join('-') let ccc = aaa.join('0') console.log(bbb) // '1-2-3' console.log(ccc) //'10203'
reverse()方法
翻轉數組
arr.reverse() 翻轉數組,返回值是翻轉好的數組
every()方法
查找數組不符合條件的
遍歷檢測數組的每一項 如果有一項不符合你定義的條件 則返回false 剩餘的不再執行 ,隻有每一項都符合條件 才返回true
第一個參數是數組的每一項,第二個是索引 第三個是當前數組
例:
arr:[121,3322,3215,3549,6899,46456] arr.every(function(item,index,array){ return item>2000 //檢測數組的每一個值是否大於2000 }) //結果是false 除非數組每個值都大於2000 才是true
reduce()方法
求累加的值
可以將前面數組項遍歷產生的結果與當前遍歷項進行運算
第一個參數是 累計器(保存第二個值返回回來的結果)prev
第二個值是當前正在處理的值(遍歷數組重頭到尾)cur
第三個索引 index
第四個當前數組 arr
第五個 初始值 (函數後面)init
例:
var arr = [3,9,4,3,6,0,9]; var sum = arr.reduce(function (prev, cur) { return prev + cur; },0);//由於初始值是0 也就是prev剛開始的值是0 索以運算起來就是 0+3=3 3+9=12 12+4=16 .... 每次得到的結果都會被prev存儲進行下一次運算 這就是最簡單的reduce求和
filter()方法
遍歷並篩選數組
第一個參數是數組的每一項,第二個是索引 第三個是當前數組
它會遍歷數組 按你定義的條件篩選你定義的條件 並且返回一個新數組,新數組裡裝著所有滿足條件的元素
例:
var arr=[1,3,5,7,8] var sum = arr.filter(function(value,index,arr){ return value >3 //篩選arr數值中 大於3的元素 }) console.log(sum) //返回的值是[5,7,8]
findIndex()方法 和find()方法
findIndex()
找出第一個滿足條件的數組成員的索引 找不到返回-1
對於空數組,函數是不會執行的並沒有改變數組的原始值。
find()
find()函數用來查找目標元素,找到就返回該元素,找不到返回undefined
查找函數有三個參數:
value:每一次迭代查找的數組元素。
index:每一次迭代查找的數組元素索引。
arr:被查找的數組。
forEach()方法
遍歷循環數組
第一個值是每個參數
第二個值是索引
第三個是數組本身
多用於遍歷數組裡的元素
arr:[1,2,3] arr.forEach(function(item,index,array){ console.log(item) //1,2,3 })
some()方法
檢測數組中的元素是否滿足條件,用於查找唯一的值 返回true 或false
var a = arr.some(function(item,index,array){ return item>3 //檢測是否有大於3的元素,有則返回true,沒有則返回false })
隻要找到一個滿足條件的元素則終止循環 在some裡面 遇到瞭return trun 就會終止循環
indexOf()方法
查找數組是否存在某個元素,返回下標。返回在數組中可以找到一個給定元素的第一個索引,如果不存在,則返回-1。
參數
第一個參數(必須):被查找的元素
第二個(可選):開始查找的位置(不能大於等於數組的長度,返回-1),接受負值,默認值為0。
嚴格相等的搜索:
數組的indexOf搜索跟字符串的indexOf不一樣,數組的indexOf使用嚴格相等===搜索元素,即數組元素要完全匹配才能搜索成功。
sort ()方法
參數可選: 規定排序順序的比較函數。
默認情況下sort()方法沒有傳比較函數的話,默認按字母升序,如果元素不是字符串的話,會調用toString()方法將元素轉化為字符串的Unicode(萬國碼)位點,然後再比較字符。
// 字符串排列 首字母 var a = ["Banana", "Orange", "Apple", "Mango"]; a.sort(); // ["Apple","Banana","Mango","Orange"] // 數字排序的時候 因為轉換成Unicode字符串之後,有些數字會比較大會排在後面 var a = [10, 1, 3, 20,25,8]; console.log(a.sort()) // [1,10,20,25,3,8];
push()方法
push 向數組末尾添加新元素(可一次性添加多個)
返回值:新數組的length (長度)
const aa = [1,2,3] aa.push(5,6) console.log(aa) // [1,2,3,5,6]
pop()方法
尾部刪除一個 返回值是被刪除的元素
unshift()方法
頭部添加, 返回值是數組長度
shift()方法
頭部刪除元素 返回值:被刪除的元素
以上就是JS數組中常用方法技巧學會進階成為大佬的詳細內容,更多關於JS數組中常用方法技巧的資料請關註WalkonNet其它相關文章!
推薦閱讀:
- 27個JavaScript數組常見方法匯總與實例說明
- javascript數組裡的27個方法總合詳解
- 17個vue常用的數組方法總結與實例演示
- Javascript數組常用方法你都知道嗎
- JavaScript的引用數據類型你瞭解多少