이 자습서는 간단한 JavaScript 개체를 통해 루프/반복하는 방법을 보여줍니다.
일반/단순 JavaScript 객체를 반복하는 방법은 무엇입니까?
간단한 JavaScript 객체를 반복/반복하려면 다음 방법을 사용하십시오.
방법 1: for-in 루프를 사용하여 일반/단순 JavaScript 개체를 통해 루프
객체를 반복하려면 'for-in' 루프를 사용하십시오. 개체와 연결된 개체의 모든 열거 가능한 문자열 특성을 반복합니다.
통사론
제공된 구문을 사용하여 개체를 반복하는 데 for-in 루프를 사용합니다.
~을 위한 ( 변하기 쉬운 안에 물체 )
예
키-값 쌍의 속성이 있는 개체를 만듭니다.
'자바스크립트' : 하나 ,
'자바' : 5 ,
'파이썬' : 이십 ,
'HTML' : 2 ,
'CSS' : 열하나
}
객체의 키를 기반으로 객체를 반복합니다.
~을 위한 ( const 열쇠 안에 물체 ) {콘솔. 통나무 ( `$ { 열쇠 } : $ { 물체 [ 열쇠 ] } ` ) ;
}
출력에는 객체의 모든 특성이 키-값 쌍으로 표시됩니다.
방법 2: Object.keys() 메서드를 사용하여 일반/단순 JavaScript 개체를 통해 반복
개체의 각 속성에는 해당 값이 있습니다. 즉, 각 속성은 키-값 쌍으로 구성됩니다. 개체의 정적 메서드를 사용하여 배열의 항목으로 키, 값 또는 키와 값 모두를 추출할 수 있습니다. 객체의 키를 검색하려면 ' 객체.키() ' 방법.
통사론
주어진 구문에 따라 개체를 반복하여 개체의 속성/키를 검색합니다.
예
Object.keys() 메서드를 호출하고 객체 키의 결과 배열을 변수 '에 저장합니다. objKeys ”:
출력에서 볼 수 있듯이 개체의 모든 키가 성공적으로 검색되었습니다.
방법 3: Object.values() 메서드를 사용하여 일반/단순 JavaScript 개체를 통해 반복
속성에 대한 개체 값을 가져오려면 ' 객체.값() ' 방법. 개체의 속성/키에 대한 값 배열을 반환합니다.
통사론
주어진 구문은 객체를 반복하여 객체의 값을 얻는 데 사용됩니다.
예
Object.values() 메서드를 호출하여 해당 속성에 대한 개체 값을 가져옵니다.
출력에는 개체의 속성에 대한 값 배열이 표시됩니다.
방법 4: Object.entries() 메서드를 사용하여 일반/단순 JavaScript 개체를 통해 반복
또한 ' Object.entries() ' 방법. 주어진 객체의 키-값 쌍을 포함하는 하위 배열의 배열을 생성합니다.
통사론
다음 구문은 개체를 반복하여 개체의 항목을 가져오는 데 사용됩니다.
예
객체의 모든 항목을 검색하기 위해 객체에서 Object.entries() 메서드를 호출합니다.
산출
개체를 구성원으로 하는 일반 JavaScript 개체를 통해 반복하는 것과 관련된 모든 필요한 정보를 수집했습니다.
결론
일반/간단한 JavaScript 객체를 반복하려면 ' for-in ” 루프, “ 객체.키() ' 방법, ' 객체.값() ” 방법 또는 “ Object.entries() ' 방법. for-in 루프와 Object.entries() 메서드는 객체의 모든 키-값 쌍을 가져오는 데 사용되는 반면 Object.keys()는 키를 가져오고 Object.values() 값을 가져오는 데 사용됩니다. 객체. 이 자습서에서는 간단한 JavaScript 개체를 반복하는 다양한 방법을 보여 주었습니다.