jQuery는 가장 인기 있는 JavaScript 라이브러리 중 하나이며 웹 애플리케이션 개발의 효율성과 품질을 크게 향상시킬 수 있는 많은 강력한 기능을 제공합니다. 그러나 실제 프로젝트 개발에서는 배열이나 목록에서 0이 아닌 첫 번째 요소를 찾는 등 좀 더 어려운 문제에 필연적으로 직면하게 됩니다.
방법 1: 루프 탐색에 사용
이 작업을 수행하기 전에 먼저 배열 또는 목록의 기본 구조를 이해해야 합니다. 예를 들어, 다음과 같은 배열이 있습니다:
[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이 아닌 경우 이를 출력하고 루프를 중단하는 것입니다. 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()
find()
메서드를 사용하여 0이 아닌 첫 번째 요소를 찾을 수 있습니다. 🎜rrreee🎜위 코드를 실행하면 콘솔에도 2
가 출력됩니다. >. find()
메서드는 배열의 모든 요소를 순서대로 탐색하고 콜백 함수를 실행하며 현재 요소를 매개변수로 전달합니다. 콜백 함수의 반환 값이 true
이면 find()
메서드는 현재 요소를 반환하고, 그렇지 않으면 계속해서 다음 요소를 순회합니다. 🎜🎜방법 3: jQuery 메서드 사용🎜🎜기본 JavaScript 메서드 외에도 jQuery는 배열이나 목록을 작동하는 몇 가지 편리한 메서드도 제공합니다. 예를 들어 grep()
메서드를 사용하여 0이 아닌 첫 번째 요소를 찾을 수 있습니다. 🎜rrreee🎜위 코드를 실행하면 콘솔에도 2
가 출력됩니다. >. grep()
메서드는 배열의 모든 요소를 반복하고 콜백 함수를 실행하며 현재 요소를 매개변수로 전달합니다. 콜백 함수의 반환 값이 true
인 경우 현재 요소가 새 배열에 추가되고 결국 새 배열이 반환됩니다. 0이 아닌 첫 번째 요소만 찾으면 되기 때문에 반환된 배열의 첫 번째 요소를 직접 검색할 수 있습니다. 🎜🎜요약🎜🎜위의 세 가지 방법은 모두 배열이나 목록에서 0이 아닌 첫 번째 요소를 찾는 데 사용할 수 있습니다. 방법 1은 전통적인 for 루프이고, 방법 2는 ES6의 find()
메서드이고, 방법 3은 jQuery의 grep()
메서드입니다. 실제 상황에 따라 자신에게 맞는 방법을 선택하면 됩니다. 🎜위 내용은 jquery가 0 중 첫 번째 쿼리와 같지 않습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!