for-of-loop 내부 ES6 어레이 요소 인덱스 액세스

for-of-loop 내부 ES6 어레이 요소 인덱스 액세스

for-of-loop을 사용하여 어레이 요소에 액세스할 수 있습니다.

for (const j of [1, 2, 3, 4, 5]) {
  console.log(j);
}

이 코드를 수정하여 현재 인덱스에 액세스하려면 어떻게 해야 합니까?각 구문도 for-in 구문도 아닌 for-of 구문을 사용하여 이 작업을 수행합니다.

사용방법:

for (const index of [1, 2, 3, 4, 5].keys()) {
  console.log(index);
}

키와 값 모두에 액세스하려면 를 destructing과 함께 사용할 수 있습니다.

for (const [index, value] of [1, 2, 3, 4, 5].entries()) {
  console.log(index, value);
}

Array#entries 둘 다 필요한 경우 인덱스와 값을 반환합니다.

for (let [index, value] of array.entries()) {

}

화려한 새로운 네이티브 기능의 세계에서는 기본을 잊어버리는 경우가 있습니다.

for (let i = 0; i < arr.length; i++) {
    console.log('index:', i, 'element:', arr[i]);
}

결하 clean clean clean 、 clean 、 용 clean 、 용 clean 、 。break★★ 로 갈 요.i--!

있는 는 루프 에서 값을 많이 사용하는 .const value = arr[i];를 참조할 수 있습니다.

①의 for..of루프를 통해 우리는 이것을 달성할 수 있다.array.entries()array.entriesarray 배열하다.반복기 오브젝트는 그 시퀀스 내의 현재 위치를 추적하면서 동시에 반복 가능한 오브젝트로부터 아이템에 액세스하는 방법을 알고 있다.

제 언제죠?next()method는 반복 키 값 쌍이 생성될 때 호출됩니다.이러한 키 값 쌍에서는 어레이 인덱스가 키이고 어레이 항목이 값입니다.

let arr = ['a', 'b', 'c'];
let iterator = arr.entries();
console.log(iterator.next().value); // [0, 'a']
console.log(iterator.next().value); // [1, 'b']

A for..of루프는 기본적으로 모든 요소를 통해 수많은 요소를 통해 수많은 요소를 소모하고 루프를 사용하는 건축물이다.루프는 기본적으로 반복 가능한 것을 소비하고 모든 요소를 루프하는 구조입니다(후드 아래의 반복기 사용). We can combine this with 이것을 조합할 수 있습니다.array.entries()다음 방법으로다음과 같은 방법으로 합니다.

array = ['a', 'b', 'c'];

for (let indexValue of array.entries()) {
  console.log(indexValue);
}


// we can use array destructuring to conveniently
// store the index and value in variables
for (let [index, value] of array.entries()) {
   console.log(index, value);
}

색인이 필요한 경우 직접 색인을 처리할 수도 있습니다. 키가 필요한 경우 색인이 작동하지 않습니다.

let i = 0;
for (const item of iterableItems) {
  // do something with index
  console.log(i);

  i++;
}

Another approach could be using 또 다른 접근법은Array.prototype.forEach() as~하듯이

Array.from({
  length: 5
}, () => Math.floor(Math.random() * 5)).forEach((val, index) => {
  console.log(val, index)
})

html/js 컨텍스트, 최신 브라우저, 어레이 이외의 반복 가능한 오브젝트에서도 [Itable]을 사용할 수 있습니다.엔트리():

for(let [index, element] of document.querySelectorAll('div').entries()) {

    element.innerHTML = '#' + index

}

루프 전에 변수를 만들고 정수 값을 할당하기만 하면 됩니다.

let index = 0;

루프 스코프에 추가 할당 연산자를 사용합니다.

index += 1;

이상입니다. 아래 스니펫의 예를 확인해 주세요.

let index = 0;
for (const j of [1, 2, 3, 4, 5]) {
  index += 1;
  console.log('index ',index);
}

For those using objects that are not an 다른 오브젝트를 사용하는 사용자용Array또는 어레이를 사용하여 쉽게 만들 수 있도록 쉽게 만들 수 있도록 은 레 우 습 니 자 or 체 도 록 다 even- array, it있 use can수할있like수 stillfor of for things like 같은 것을 위해서localStorage which really only have a 그 중 가장 중요한 것은length::::

function indexerator(length) {
    var output = new Object();
    var index = 0;
    output[Symbol.iterator] = function() {
        return {next:function() {
            return (index < length) ? {value:index++} : {done:true};
        }};
    };
    return output;
}

그럼 숫자만 입력해 주세요.

for (let index of indexerator(localStorage.length))
    console.log(localStorage.key(index))

ES6 ES6for...in

for(const index in [15, 64, 78]) {                        
    console.log(index);
}

indexOf menthod inside를 사용하여...고리

  


   


    
let arrData = [15, 64, 78]
for(const data of arrData ) {                        
    console.log("data value", data , "index of data ", arrData.indexOf(data));
}

   

  

또한 JavaScript를 사용하여 문제를 해결할 수 있습니다.

iterate(item, index) {
    console.log(`${item} has index ${index}`);
    //Do what you want...
}

readJsonList() {    
    jsonList.forEach(this.iterate);
    //it could be any array list.
}   

언급URL : https://stackoverflow.com/questions/34348937/access-to-es6-array-element-index-inside-for-of-loop