- 자바스크립트에서 문자열은 내장 이터러블이므로 스프레드 연산자(
...)를 사용하여 개별 문자로 분해하거나 for...of 루프를 통해 순회할 수 있습니다. 📚
for...of 루프는 배열과 문자열 같은 이터러블 객체를 순회하는 데 사용되며, 각 요소를 직접 접근할 수 있게 해줍니다. 🔄
forEach 메서드는 배열 순회를 위한 함수형 접근 방식이며, 각 배열 요소에 대해 콜백 함수를 호출합니다. 🚀
forEach 콜백 함수는 일반적으로 화살표 함수 형태로 작성되며, 첫 번째 인자로 현재 요소, 두 번째 인자로 해당 요소의 인덱스를 받습니다. 🎯
forEach는 for...of 루프와 달리 '성김 배열(sparse array)'을 인식하여 delete 연산자로 인해 존재하지 않는(비어 있는) 요소에 대해서는 콜백 함수를 호출하지 않습니다. 👻
- 하지만
undefined 값이 명시적으로 할당된 슬롯은 forEach에 의해 처리되며, 이는 불필요한 리소스 낭비로 이어질 수 있으므로 배열 순회 시 주의해야 합니다. ⚠️
데브허브 | DEVHUB | 자바스크립트 - 배열 순회