js 陣列方法(中級)

2022-06-20 07:00:09 字數 1910 閱讀 6647

1.every方法(判斷購物車是不是全選)

every() 方法用於檢測陣列所有元素是否都符合指定條件。

every() 方法使用指定函式可以檢測陣列中的所有元素:

如果陣列中檢測到有乙個元素不滿足,則整個表示式返回 false ,且剩餘的元素不會再進行檢測。

如果所有元素都滿足條件,則返回 true。

注意: every() 不會對空陣列進行檢測。

注意: every() 不會改變原始陣列。

2.filter方法

filter() 方法建立乙個新的陣列,新陣列中的元素是通過檢查指定陣列中符合條件的所有元素。

注意: filter() 不會對空陣列進行檢測。

注意: filter() 不會改變原始陣列。

3.some方法

some() 方法用於檢測陣列中的元素是否滿足指定條件。

some() 方法會依次執行陣列的每個元素:

如果有乙個元素滿足條件,則表示式返回true , 剩餘的元素不會再執行檢測。

如果沒有滿足條件的元素,則返回false。

注意: some() 不會對空陣列進行檢測。

注意: some() 不會改變原始陣列。

4.findindex方法

findindex() 方法的**函式的第乙個引數是陣列的每一項,第二個引數是每一項的下標

findindex() 方法讓陣列中的每個元素都呼叫一次函式執行:

返回第乙個符合測試條件的這一項的下標。之後的值不會再呼叫執行函式。 如果一直沒有符合條件的則返回 -1

這個例子可以用作樓層滑動功能,當點選左邊某一項時,然後讓頁面往上移動每一層樓層相加的和的距離就剛剛到點選的這層。

5.reduce方法(用作一些求和等)

引數解釋(一般用前面兩個引數多一點)

1、prev(上一次呼叫**返回的值,或者是提供的初始值(init))

2、cur(陣列中當前被處理的元素)

3、index (當前元素在陣列中的索引)

4、arr(呼叫 reduce 的陣列)

init作為第一次呼叫 callback 的第乙個引數prev。下一次的prev這個值就是處理後的這個結果,若處理後的結果是3,那麼下一次的prev為3

6.object.keys(data)方法

說明:把乙個物件的key值取出來組成乙個新的陣列

結果

一般用來解析封裝get請求的url解析

js陣列方法

array.json 方法將陣列中所有元素都轉化為字串並連線在一起 預設逗號 返回生成的字串,原陣列不改變 例 var a 1 2,3 a.join 1,2,3 a.join 1 2 3 array.reverse 方法將陣列中的元素顛倒順序 返回逆序的陣列,原陣列改變 例 var a 1,2,3 ...

JS陣列方法

tostring var ary 1,2,3,4,5,6 var str ary.tostring console.log str console.log typeof str push 陣列尾部新增陣列 pop 從陣列尾部刪除乙個元素 unshift 在陣列的第乙個元素前面插入乙個或多個元素 sh...

js陣列方法

陣列包含 iscontain function arr1,arr2 return true 陣列排序 isincrease true遞增 小 大 isincrease false遞減 大 小 arrcompare function property,isincrease else 二維陣列轉一維陣列...