使用js數組方法遇到的坑

darkbug 發布于2019-08-23 18:28 / 770人閱讀

摘要：結果會返回一個布爾值，直覺認為空數組會返回如規范解釋，方法對數組中的每一個元素排除空元素通過指定的函數進行檢測，當有某一個元素檢測為的時候，方法立刻返回，也只有這種情況會返回，那么空數組就會返回

sort方法

sort方法用來對數組元素進行排序。但是瀏覽器實現可能有不同，已經兩次踩到坑了，因此記錄一下。

規范

ecma-262制定的排序規則：
使用兩個參數x和y喚起排序

1、如果x、y都是undefined，返回 +0 
2、如果x為undefined，返回 1 
3、如果y未undefined，返回 -1
4、如果定義了排序方法
a、設v = ToNumber(comparefn(x, y))
b、如果v是NaN，返回 +0
c、返回v 
5、設xString = ToString(x) 
6、設yString = ToString(y) 
7、如果xString < yString，返回 -1 
8、如果yString < xString，返回 1 
9、返回 +0 
當返回1的時候，x應排在y后面 
返回0的時候，x、y位置不變 
返回-1的時候，x應排在y前面

坑1：排序不一定是穩定的，即相等的兩個元素不一定會保持在原來的位置。排序方法返回0的兩個元素仍可能交換位置，如chrome瀏覽器的排序實現，在數組長度小于等于10的時候就使用插入排序法，沒有什么問題，但是數組大于10的時候就會使用快速排序，在比較起始值和中值的時候，排序方法返回值大于和等于0的時候都會對調位置。

坑2：如上面排序規則第4條a，按標準需要把排序方法返回值轉為Number類型，但是有些瀏覽器版本如Safari10并沒有實現這一步，如果排序方法返回true/false布爾值而不是Number類型，元素位置就不會進行調整。

every方法

every方法測試一個數組內的所有元素是否都能通過某個指定函數的測試。結果會返回一個布爾值，直覺認為空數組會返回false

callbackfn should be a function that accepts three arguments and
returns a value that is coercible to the Boolean value true or false.
every calls callbackfn once for each element present in the array, in
ascending order, until it finds one where callbackfn returns false. If
such an element is found, every immediately returns false. Otherwise,
if callbackfn returned true for all elements, every will return true.
callbackfn is called only for elements of the array which actually
exist; it is not called for missing elements of the array

如規范解釋，every方法對數組中的每一個元素（排除空元素）通過指定的函數進行檢測，當有某一個元素檢測為false的時候，every方法立刻返回false，也只有這種情況會返回false，那么空數組就會返回true！

GPU云服務器云服務器 js數組方法 js數組操作方法 js數組取值方法 js數組棧方法

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/105285.html

微信JS-SDK選擇圖片遇到的坑

摘要：微信選擇圖片遇到的坑有個需求要在微信企業號里面做開發，有個功能是選擇圖片，使用標簽肯定是不管用了，手機上不能多選，所以使用了微信的提供的相關，這個地方真的是有坑，記錄一下。微信JS-SDK選擇圖片遇到的坑有個需求要在微信企業號里面做開發，有個功能是選擇圖片，使用input標簽肯定是不管用了，Android手機上不能多選，所以使用了微信的JS-SDK提供的相關API，這個地方真的是有...

explorer_ddf 2019-08-26 12:11 評論0 收藏0
遍歷DOM元素的children屬性遇到的坑

摘要：小結這下我們可以得出結論了個屬性返回的對象不止能遍歷到子元素，還能遍歷到來自其原型的三個屬性。既要防止那些添加修改了原型屬性的對象遍歷出多余的的結果，也要防止類似這種非標準屬性返回一個屬性的枚舉性不可控的對象的坑。問題的引出關于DOM元素的children屬性，以前我只在意它和childNodes屬性的區別：即children屬性只會返回子元素節點集合，而childNodes返回的...

weknow619 2019-08-21 13:30 評論0 收藏0
Webpack的坑位整理

摘要：在尋找相對路徑的文件時會以為根目錄，默認為執行啟動時所在的當前目錄。在文件被添加到依賴圖中時，將其轉換稱為了模塊。配置中的兩個目標。僅限高級用途，默認情況下自動生成生成文件的文件名。webpack webpack現在是主要的打包工具了，現在網絡上也有很多資料可以學習了。這里主要整理了一些基礎概念，但沒有所有的寫，只是把之前遇到的問題記錄了一下。本文的原文在我的博客中：github.com...

lidashuang 2019-05-23 17:34 評論0 收藏0
JavaScript對象深拷貝/淺拷貝遇到的坑和解決方法

摘要：在以上討論和研究結束后，同學向我推薦了一個庫，測試了一下該庫存在方法，實現深拷貝更為完整和精致，前文問題均沒有在該方法內被發現，在這里提一波。如果本文對您有任何幫助或者您有任何想要提出的意見或問題，請在本文下方回復，誠摯歡迎各位參與討論，望各位不吝指教。原載自己的小博客 JavaScript對象拷貝遇到的坑和解決方法 | 手柄君的小閣，所以無恥地算原創吧近期參與某集訓，Java...

atinosun 2019-08-26 11:44 評論0 收藏0
PHP json_decode 遇到的坑

摘要：原始數據其中是我要進行處理的字段，處理完成之后再次使用進行編碼。所以正確的做法是在解碼的時候不要傳遞第二個參數讓解碼結果是一個對象，然后操作對象的屬性，操作完成之后再次編碼就不會出現偏差。場景：某項目客戶反饋，輸出的結果 JSON 中有個要求為對象的數據字段，在某些情況下返回的是 [] 而不是 {}；數據由公司其他部門提供，查看原始數據的時候，沒有發現任何問題；后來因為要加入某些預處...

Ryan_Li 2019-06-28 13:20 評論0 收藏0