[Javascript] 배열의 순회 방법 (forEach) 정리하기

매일 개발하면서 기본적으로 작업진행하다가 헷갈리는 부분이 있어 정리해봅니다.

 

1. forEach 를 사용하는 방법

let strings = ['a', 'bb', 'o', 'tisto', 'ry', '.com'];
strings.forEach(function(str) {
   console.log(str);
});

/// 결과
// a
// bb
// o
// tisto
// ry
// .com

console.log(str) 결과

 

2. function 안쓰기 

let strings = ['a', 'bb', 'o', 'tisto', 'ry', '.com'];
strings.forEach((str) => {
   console.log(str);
});

/// 결과
// a
// bb
// o
// tisto
// ry
// .com

 

3. 인덱스변수 추가한 화살표함수

let strings = ['a', 'bb', 'o', 'tisto', 'ry', '.com'];
strings.forEach((str, idx, arr) => {
   console.log(str);
});

console.log(str) 결과

 

strings.forEach((str, idx, arr) => {
   console.log(idx);
});

console.log(idx) 결과

 

strings.forEach((str, idx, arr) => {
   console.log(arr);
});

console.log(arr) 결과

 

4. Json 의 forEach

let json = {
    "key1" : "val1",
    "key2" : "welcome",
    "key3" : "to",
    "key4" : "abbo",
    "key5" : "tistory",
    "key6" : "com",
}

for(key in json) {
   console.log('Key: ' + key + ' / Value: ' + json[key]);
}

 

 

결과

 

4-1. console.table

console.table(json) 결과

 

 

5. 브라우저 지원범위