jquery에서 배열을 순회하는 방법

jquery는 다양한 DOM 및 데이터 작업을 처리할 수 있는 편리한 API를 많이 제공하는 뛰어난 Javascript 라이브러리입니다. 배열을 순회해야 할 때 jquery는 이를 달성하기 위한 다양한 방법도 제공합니다.

1. $.each() 메소드

$.each() 메소드는 배열을 탐색하기 위한 jquery의 메소드입니다. 배열, 객체 및 NodeList를 포함한 모든 유형의 컬렉션을 탐색할 수 있습니다. 구체적인 구문은 다음과 같습니다.

$.each(arr, function(index, value) {
  // 遍历操作
});

이 메서드는 두 개의 매개 변수를 받습니다. 첫 번째 매개 변수 arr은 순회할 컬렉션이고 두 번째 매개 변수 함수는 순회 중에 실행되는 함수 본문으로, 두 매개 변수 index와 value를 나타냅니다. 각각 현재 요소와 값입니다.

예를 들어 배열 arr을 탐색하고 각 배열 요소의 값과 인덱스를 인쇄하려고 합니다.

var arr = ['a', 'b', 'c'];

$.each(arr, function(index, value) {
  console.log('index: ' + index + ', value: ' + value);
});

출력 결과는 다음과 같습니다.

index: 0, value: a
index: 1, value: b
index: 2, value: c

2. $.map() 메서드

$.map() 메서드 배열을 순회하는 데 사용되지만 $.each() 메서드와 달리 순회 결과를 처리하고 새 배열을 반환할 수 있습니다. 구체적인 구문은 다음과 같습니다.

$.map(arr, function(value, index) {
  // 处理操作
  return value;
});

이 메서드는 두 개의 매개변수를 받습니다. 첫 번째 매개변수 arr은 순회해야 하는 배열이고, 두 번째 매개변수 함수는 두 개의 매개변수 값과 인덱스를 포함하여 순회 중에 실행되는 함수 본문입니다. 현재 요소를 각각 나타냅니다.

예를 들어 배열 arr을 순회하고 각 요소의 값을 대문자로 변환하려고 합니다.

var arr = ['a', 'b', 'c'];

var newArr = $.map(arr, function(value, index) {
  return value.toUpperCase();
});

console.log(newArr); // ['A', 'B', 'C']

$.map() 메서드는 새 배열을 반환하고 원래 배열 arr은 Revise가 아닙니다.

3. $.grep() 메서드

$.grep() 메서드는 조건을 충족하는 배열의 요소를 필터링하고 새 배열을 반환할 수 있습니다. 구체적인 구문은 다음과 같습니다.

$.grep(arr, function(value, index) {
  // 筛选条件
  return ...
});

이 메서드는 두 개의 매개변수를 받습니다. 첫 번째 매개변수 arr은 탐색해야 하는 배열이고, 두 번째 매개변수 함수는 값을 나타내는 두 개의 매개변수 value와 index를 포함하는 필터링 조건입니다. 및 현재 요소의 인덱스입니다. true가 반환되면 요소가 조건을 충족하고 필터링된다는 의미입니다.

예를 들어 배열의 모든 짝수를 필터링하려고 합니다.

var arr = [1, 2, 3, 4, 5];

var evens = $.grep(arr, function(value, index) {
  return value % 2 === 0;
});

console.log(evens); // [2, 4]

4. $.inArray() 메서드

$.inArray() 메서드는 배열에 있는 요소의 인덱스 위치를 찾을 수 있습니다. 존재하지 않으면 -1을 반환합니다. 구체적인 구문은 다음과 같습니다.

$.inArray(value, arr);

이 메서드는 두 개의 매개변수를 받습니다. 첫 번째 매개변수 값은 찾아야 하는 요소이고, 두 번째 매개변수 arr은 탐색해야 하는 배열입니다.

예를 들어, 배열 arr에서 'c' 요소의 인덱스 위치를 찾으려고 합니다.

var arr = ['a', 'b', 'c'];

var index = $.inArray('c', arr);

console.log(index); // 2

$.inArray() 메서드는 배열에 있는 요소의 인덱스 위치를 나타내는 숫자를 반환한다는 점에 유의해야 합니다. 정렬. 요소가 존재하지 않으면 -1을 반환합니다.

요약하자면, jquery에서 배열을 순회하는 방법에는 $.each(), $.map(), $.grep() 및 $.inArray() 등이 있습니다. 우리는 필요에 따라 다른 방법을 선택할 수 있습니다. 다른 작동합니다.

위 내용은 jquery에서 배열을 순회하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!