>  기사  >  웹 프론트엔드  >  jquery가 0 중 첫 번째 쿼리와 같지 않습니다.

jquery가 0 중 첫 번째 쿼리와 같지 않습니다.

PHPz
PHPz원래의
2023-05-12 10:04:06471검색

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);

运行上面的代码,控制台同样会输出 2find() 方法会依次遍历数组中的所有元素,执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 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);

运行上面的代码,控制台同样会输出 2grep() 方法会依次遍历数组中的所有元素,执行回调函数并将当前元素作为参数传入。如果回调函数返回值为 true,则当前元素会被加入一个新的数组中,最终返回这个新数组。由于我们只需要寻找第一个不等于 0 的元素,因此可以直接取返回数组的第一个元素。

总结

以上三种方法都可以实现寻找数组或者列表中不等于 0 的第一个元素。方法一是传统的 for 循环,方法二是 ES6 的 find() 方法,方法三是 jQuery 的 grep()

방법 2: ES6 방법 사용🎜🎜기존의 for 루프 외에도 ES6에서는 배열이나 목록을 순회하는 몇 가지 편리한 방법도 제공합니다. 예를 들어 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.