logo

Javascript에서 객체를 배열로 변환

광범위하고 다양한 성격의 프로그래밍 언어인 Javascript는 객체를 배열로 변환하는 데 필요한 많은 기능으로 구성됩니다. 이러한 메서드는 언어 자체에 미리 정의되어 있습니다. 자바스크립트에서 객체를 배열로 변환하는 다양한 방법을 살펴보겠습니다.

변환하려면 물체 으로 정렬 ~에 자바스크립트 , 다양한 유형의 방법을 사용할 수 있습니다. 방법 중 일부는 다음과 같습니다. Object.keys(), Object.values(), 그리고 객체.항목().

위의 방법을 이해하려면 아래 예를 고려하십시오.

방법 1: Object.keys()

순방향 연결
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

산출:

 The Lion 

위의 예제 코드에서는 Object.keys() 메서드를 사용하여 동물 개체의 속성 이름을 배열로 변환했습니다. 우리는 변수를 정의했습니다 동물, 이것은 동물 객체의 첫 번째와 마지막 이니셜을 가지고 있으며 나중에 Object.keys() 메소드의 도움을 통해 배열로 변환했습니다.

방법 2: Object.values()

 const animal = { first: 'The', last: 'Lion' }; const propertyValues=Object.values(animal); console.log(propertyValues); 

산출:

 ['The', 'Lion'] 

이 메서드에서는 Object.values() 메서드를 사용하여 동물 개체의 속성을 가져왔습니다. Object.values() 메서드는 정의된 객체 동물을 배열로 변환하고 출력은 위와 같이 콘솔에 인쇄됩니다.

방법 3: Object.entries()

오라클 SQL이 같지 않습니다
 const animal = { first: 'The', last: 'Lion' }; const entries=Object.entries(animal); console.log(entries); 

산출:

자바 설정
 [['first', 'The '] , ['last', 'Lion'] ] 

이 방법에서는 객체가 출력에 표시된 대로 배열로 변환됩니다. Object.entries() 메서드는 객체의 열거 가능한 문자열 기반 속성을 배열로 변환합니다. Object.entries() 메소드는 디버깅하는 동안 정의된 객체의 어떤 문자열에 어떤 속성이 할당되었는지 기록할 수 있도록 객체의 모든 단일 측면을 더 나은 방식으로 올바르게 정의하기 때문에 출력이 이러한 방식으로 인쇄됩니다.

이는 객체를 배열로 변환하는 가장 일반적인 방법 중 일부입니다. 위의 방식들은 하나의 코드 조각으로 일괄적으로 정의할 수도 있고, 객체의 속성과 함께 일괄적으로 적용할 수도 있습니다. 그것들은 모두 각각의 배열로 변환됩니다. 객체를 하나의 조각으로 집합적으로 정의하는 사용법을 보여주는 아래 예를 고려하십시오.

 const Snakes = { 'Cobra':{ Venom: 96%, Attack: 99% }, 'Viper':{ Venom: 98%, Attack: 96% }, 'InlandTaipan':{ Venom: 100%, Attack: 100% } } 

위의 코드 조각에서 우리는 속성이 다음과 같이 정의된 상수 변수 Snakes를 집합적으로 정의했습니다. 독액 그리고 공격 . 우리는 서로 다른 뱀의 모든 속성에 서로 다른 값을 할당했습니다. 이제 키, 항목 또는 값과 함께 위에서 설명한 모든 방법을 사용할 수 있습니다.

자바스크립트 객체를 배열로 변환하는 방법을 더 자세히 이해하기 위해 좀 더 다양한 코딩 예제를 살펴보겠습니다. 아래 스니펫을 고려해보세요.

예시 1:

선택 정렬
 var object = {'0':5,'1':7,'2':4,'3':6,'4':7,'5':8,'6':12,'7':11,'8':2} var covert = Object.keys(object).map(function(key) { return [Number(key), object[key]]; }); console.log(convert); 

여기서는 개체 변수에 정의된 키 순서에 따라 값이 표시됩니다. 우리는 서로 다른 키 값에 대해 서로 다른 번호를 할당했으며 변환 변수는 이러한 키를 Object.keys() 메서드와 매핑하고 나중에 정의된 개체 변수의 배열 형식으로 콘솔에 표시됩니다.

예 2:

 var superHeroes = {'Captain America':1,'Thor':8,'Iron Man':null}; //convert object keys to array var k = Object.keys(superHeroes); //convert object values to array var v = Object.values(superHeroes); 

여기서는 이름이 지정된 변수를 정의했습니다. 슈퍼히어로 위와 같이 객체 값을 사용합니다. Javascript에서 객체를 배열로 변환하는 세 가지 방법을 이미 연구했으므로 여기서도 동일한 개념을 적용하여 배열로 변환합니다.

예시 3:

 const sampleArray = [ ['one', 1], ['two', 2], ]; Object.fromEntries(sampleArray); 

산출:

 { one: 1, two: 2 } 

위의 예에서는 각각의 속성이 포함된 배열을 가져와 해당 값으로 정의했습니다. 여기서 Object.entries() 메소드는 출력에 표시된 대로 객체의 해당 속성을 배열로 포함합니다.

요약

이 기사에서 우리는 불확실하거나 한정된 속성을 가진 객체를 다양한 유형의 배열로 변환하는 데 사용할 수 있는 Javascript의 다양한 방법을 접했습니다. 또한 키, 개체, 항목 등의 일반적인 방법과 기타 몇 가지 방법을 살펴보았습니다. 이러한 방법은 대부분의 경우 관련 또는 정렬된 방식으로 출력을 가져와야 하기 때문에 사용법의 장점을 고려하면 매우 유용합니다. 또한 원하는 데이터만 표시되고 다른 데이터는 표시되지 않도록 추상화 방법을 수행하기 위해 이러한 개체를 배열로 변환하여 정의할 수도 있습니다.