프로그래밍 언어/HTML,CSS,JS

JavaScript에서 foreach (key => value)

Rateye 2021. 11. 10. 10:38
728x90
반응형
질문 : JavaScript의 For..In 루프-키 값 쌍

JavaScript에서 foreach 루프와 같은 작업을 수행하는 방법이 있는지 궁금합니다. 내가 찾고있는 기능은 다음과 같은 PHP 스 니펫입니다.

foreach($data as $key => $value) { }

나는 JS보고 있었다 for..in 루프 만이 지정할 수있는 방법은없는 것 같다 as . '일반'for 루프 ( for(var i = 0; i < data.length; i++ )로 이것을 수행하면 키 => 값 쌍을 잡는 방법이 있습니까?

답변

ES6를 기본적으로 또는 Babel (js 컴파일러)과 함께 사용할 수 있다면 다음을 수행 할 수 있습니다.

const test = {a: 1, b: 2, c: 3};

for (const [key, value] of Object.entries(test)) {
  console.log(key, value);
}

이 출력을 인쇄합니다.

a 1
b 2
c 3

Object.entries() for...in 루프에서 제공하는 순서와 동일한 순서로 지정된 객체의 고유 한 열거 가능한 속성 [key, value] 쌍의 배열을 반환합니다 (차이점은 for-in 루프가 프로토 타입 체인의 속성도) .

도움이 되었기를 바랍니다. =)

출처 : https://stackoverflow.com/questions/7241878/for-in-loops-in-javascript-key-value-pairs
728x90
반응형