jQuery 是 JavaScript 函式庫中最受歡迎的一種,它提供了許多強大的功能,可以大大提高我們開發 Web 應用程式的效率和品質。不過,在實際專案開發中,難免會碰到一些比較棘手的問題,例如要尋找陣列或是清單中不等於 0 的第一個元素。
方法一:使用 for 迴圈遍歷
在執行這個操作之前,我們首先需要了解陣列或清單的基本結構。比如說,我們有下面這樣一個陣列:
[2, 3, 4, 0, 6, 7]
我們要找的是不等於0 的第一個元素,我們可以使用for 迴圈語句來實作:
var arr = [2, 3, 4, 0, 6, 7]; for (var i = 0; i < arr.length; i++) { if (arr[i] !== 0) { console.log(arr[i]); break; } }
執行上面的程式碼,控制台會輸出2
。這個方法的想法非常簡單,就是遍歷數組中的所有元素,如果當前元素不等於 0,就輸出並跳出迴圈。
方法二:使用 ES6 方法
除了傳統的 for 循環,ES6 中也提供了一些便捷的方法來遍歷數組或列表。比如說,我們可以使用find()
方法來尋找不等於0 的第一個元素:
var arr = [2, 3, 4, 0, 6, 7]; var firstNonZero = arr.find(function(item) { return item !== 0; }); console.log(firstNonZero);
運行上面的程式碼,控制台同樣會輸出2
。 find()
方法會依序遍歷陣列中的所有元素,執行回呼函數並將目前元素作為參數傳入。如果回呼函數傳回值為 true
,則 find()
方法會傳回目前元素,否則會繼續遍歷下一個元素。
方法三:使用 jQuery 方法
除了原生 JavaScript 方法外,jQuery 也提供了一些方便的方法來操作陣列或清單。比如說,我們可以使用grep()
方法來尋找不等於0 的第一個元素:
var arr = [2, 3, 4, 0, 6, 7]; var firstNonZero = $.grep(arr, function(item) { return item !== 0; })[0]; console.log(firstNonZero);
運行上面的程式碼,控制台同樣會輸出2
。 grep()
方法會依序遍歷陣列中的所有元素,執行回呼函數並將目前元素作為參數傳入。如果回呼函數傳回值為 true
,則當前元素會被加入一個新的陣列中,最終會傳回這個新陣列。由於我們只需要尋找第一個不等於 0 的元素,因此可以直接取傳回陣列的第一個元素。
總結
以上三種方法都可以實作尋找陣列或清單中不等於 0 的第一個元素。方法一是傳統的 for 循環,方法二是 ES6 的 find()
方法,方法三是 jQuery 的 grep()
方法。根據實際情況選擇適合自己的方法即可。
以上是jquery 不等於0的第一個的詳細內容。更多資訊請關注PHP中文網其他相關文章!