logo

Перетворення об’єкта на масив у Javascript

Javascript, будучи широкою та різноманітною мовою програмування, містить велику кількість функцій для перетворення об’єкта в масив. Ці методи попередньо визначені в самій мові. Давайте розглянемо різні способи перетворення об’єктів на масиви в JavaScript.

Щоб перетворити an об'єкт в масив в Javascript , ви можете використовувати різні типи методів. Деякі з методів є Object.keys(), Object.values(), і Object.entries().

Розгляньте наведені нижче приклади, щоб зрозуміти наведені вище методи.

Спосіб 1: Object.keys()

римські цифри від 1 до 100
 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() перетворює визначену тварину об’єкта в масив, а результат друкується на консолі, як показано вище.

приклад коду java

Метод 3: Object.entries()

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

Вихід:

 [['first', 'The '] , ['last', 'Lion'] ] 

У цьому методі об’єкт перетворюється на масив, як показано у вихідних даних. Методи Object.entries() перетворюють властивості об’єкта на основі перерахованих рядків у масив. Вихідні дані друкуються таким чином, оскільки методи Object.entries() правильно визначають кожен окремий аспект об’єкта в кращий спосіб, щоб під час налагодження ви могли звернути увагу на те, яка властивість призначена якому рядку визначеного об’єкта.

рядок java в масив

Це деякі з найпоширеніших способів перетворення об’єкта в масив. Вищевказані способи також можуть бути спільно визначені в одному фрагменті коду, і методи також можуть бути спільно застосовані з властивостями об’єктів. Усі вони будуть перетворені у відповідні масиви. Розглянемо наведені нижче приклади, які показують використання сукупного визначення об’єктів в одному фрагменті.

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

У наведеному вище фрагменті ми разом визначили постійну змінну Snakes, властивості якої визначені як отрута і напад . Ми присвоїли різні значення всім властивостям різних змій. Тепер ви можете використовувати всі описані вище методи разом із ключами, записами або значеннями.

Давайте розглянемо ще кілька різних прикладів кодування, щоб зрозуміти більше про перетворення об’єктів JavaScript на масиви. Розгляньте наведені нижче фрагменти.

приклад 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); 

Тут значення відображатимуться відповідно до порядку ключів, визначених у змінній об’єкта. Ми призначили різні номери для різних значень ключів, і змінна 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, які можна використовувати для перетворення об’єктів з деякими невизначеними або визначеними властивостями в масиви різних типів. Ми також натрапили на загальні методи, такі як ключі, об’єкти та записи, і деякі інші, щоб назвати декілька. Ці методи дуже корисні, якщо ви врахуєте переваги їх використання, оскільки в більшості випадків потрібно отримати вихід у зв’язаний або, скажімо, сортований спосіб. Ми також можемо визначити ці об’єкти, перетворивши їх у масив для виконання методів абстракції, щоб відображалися лише потрібні дані, а не інші.