JavaScript를 사용하여 객체 키를 반복하는 방법

커스텀 개체는 사용할 수 없습니다for...of 循环进行迭代。此外，您不能使用 map() 和 forEach() 等迭代器方法。如果这样做，您将在每个实例中收到 TypeError .

대신 for...in을 사용하여 객체를 반복하세요. 이 메서드는 객체의 열거 가능한 모든 비기호적 속성을 반복합니다.

아래 예에서는 이를 사용하여 obj의 세 가지 속성을 모두 반복하고 각 속성에 대해 속성 이름(예: 해당 키)과 해당 값으로 구성된 문자열을 기록합니다.

으아아아

객체 속성이 반복될 때마다 다른 속성 이름(키라고도 함)을 보유하는 변수 prop로 루프를 초기화합니다. 블록에 지정된 코드는 각 반복마다 실행됩니다.

여기에 이를 보여주는 작은 데모가 있습니다(출력을 보려면 Results를 클릭하세요):

루프 내에서 각 반복마다 개체의 속성 이름과 값 중 하나를 콘솔에 기록합니다.

객체의 속성을 반복하는 또 다른 방법은 객체를 Object.entries()에 전달하고 메서드를 호출하는 것입니다. 그러면 다차원 배열(배열의 배열) 내에서 이 개체의 열거 가능한 모든 속성이 반환됩니다.

으아아아

그런 다음 배열 반복자 메서드를 사용하여 반복할 수 있습니다.

으아아아

for...of 루프:

를 사용할 수도 있습니다. 으아아아

몇 가지 데모는 다음과 같습니다.

여기서는 각 반복에서 키와 값의 배열을 얻으므로 각각 entry[0] 및 entry[1]를 사용하여 방문합니다. 키와 값 대신 키만 필요한 경우 entry[0] 和 entry[1] 来访问它们。如果您只需要键而不是键和值，请使用 Object.keys() 代替 Object.entries() 대신 Object.keys()를 사용하세요.

for...of 기본적으로 동일:

결론

이것은 JavaScript에서 객체의 속성과 키를 쉽게 반복할 수 있는 방법입니다. 더 많은 기사와 튜토리얼을 보려면 JavaScript 게시물을 확인하세요.

위 내용은 JavaScript를 사용하여 객체 키를 반복하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!