[javascript] 배열에서 모든 요소의 색인을 찾는 방법은 무엇입니까?

Program / 글쓴이

JavaScript 배열에서 “Nano”와 같은 요소의 모든 인스턴스에 대한 인덱스를 찾으려고합니다.

var Cars = ["Nano", "Volvo", "BMW", "Nano", "VW", "Nano"];

jQuery.inArray 또는 유사하게 .indexOf ()를 시도했지만 요소의 마지막 인스턴스 (이 경우 5) 만 제공했습니다.

모든 인스턴스에 대해 어떻게 얻습니까?

답변

이 .indexOf()메서드 에는 검색을 시작할 인덱스를 지정하는 선택적 두 번째 매개 변수가 있으므로 루프에서 호출하여 특정 값의 모든 인스턴스를 찾을 수 있습니다.

function getAllIndexes(arr, val) {
    var indexes = [], i = -1;
    while ((i = arr.indexOf(val, i+1)) != -1){
        indexes.push(i);
    }
    return indexes;
}

var indexes = getAllIndexes(Cars, "Nano");

인덱스를 사용하려는 방법을 명확하게 밝히지 않았으므로 내 함수는 인덱스를 배열로 반환합니다 (또는 값을 찾을 수없는 경우 빈 배열을 반환).하지만 개별 인덱스 값으로 다른 작업을 수행 할 수 있습니다. 루프 내부.

업데이트 : VisioN의 설명에 따라 간단한 for 루프는 동일한 작업을 더 효율적으로 수행 할 수 있으며 이해하기 쉽고 유지 관리가 더 쉽습니다.

function getAllIndexes(arr, val) {
    var indexes = [], i;
    for(i = 0; i < arr.length; i++)
        if (arr[i] === val)
            indexes.push(i);
    return indexes;
}

답변

또 다른 대안은 다음을 사용하는 것입니다 Array.prototype.reduce().

["Nano","Volvo","BMW","Nano","VW","Nano"].reduce(function(a, e, i) {
    if (e === 'Nano')
        a.push(i);
    return a;
}, []);   // [0, 3, 5]

주의 : 방법에 대한 브라우저 호환성 을 확인하고 필요한 경우 polyfill을reduce 사용 하십시오 .

답변

Array.prototype.map () 및 Array.prototype.filter ()를 사용하는 또 다른 방법 :

var indices = array.map((e, i) => e === value ? i : '').filter(String)

답변

es6 스타일로 더 간단한 방법.

const indexOfAll = (arr, val) => arr.reduce((acc, el, i) => (el === val ? [...acc, i] : acc), []);


//Examples:
var cars = ["Nano", "Volvo", "BMW", "Nano", "VW", "Nano"];
indexOfAll(cars, "Nano"); //[0, 3, 5]
indexOfAll([1, 2, 3, 1, 2, 3], 1); // [0,3]
indexOfAll([1, 2, 3], 4); // []

답변

map및 filter다음 을 모두 사용하여 이에 대한 간단하고 읽기 쉬운 솔루션을 작성할 수 있습니다 .

const nanoIndexes = Cars
  .map((car, i) => car === 'Nano' ? i : -1)
  .filter(index => index !== -1);

편집 : IE / Edge를 지원할 필요가 없거나 코드를 트랜스 파일 할 필요가없는 경우 ES2019는 flatMap을 제공 하여 간단한 한 줄 로이 작업을 수행 할 수 있습니다.

const nanoIndexes = Cars.flatMap((car, i) => car === 'Nano' ? i : []);

답변

참고 : MDN은 while 루프를 사용하는 방법을 제공합니다 .

var indices = [];
var array = ['a', 'b', 'a', 'c', 'a', 'd'];
var element = 'a';
var idx = array.indexOf(element);
while (idx != -1) {
  indices.push(idx);
  idx = array.indexOf(element, idx + 1);
}

나는 그것이 다른 답변보다 낫다고 말하지 않을 것입니다. 흥미 롭습니다.

답변

다른 쉬운 방법으로 업데이트하고 싶습니다.

forEach 메서드를 사용할 수도 있습니다.

var Cars = ["Nano", "Volvo", "BMW", "Nano", "VW", "Nano"];

var result = [];

Cars.forEach((car, index) => car === 'Nano' ? result.push(index) : null)