logo

Konwertuj obiekt na tablicę w JavaScript

JavaScript, będący szerokim i zróżnicowanym językiem programowania, składa się z dużej liczby funkcji umożliwiających konwersję obiektu na tablicę. Metody te są predefiniowane w samym języku. Przyjrzyjmy się różnym sposobom konwertowania obiektów na tablice w JavaScript.

Aby przekonwertować plik obiekt w szyk W JavaScript , możesz użyć różnych typów metod. Niektóre metody są Obiekt.klucze(), Wartości obiektu(), I Obiekt.wpisy().

Rozważ poniższe przykłady, aby zrozumieć powyższe metody.

Metoda 1: Obiekt.keys()

liczba całkowita na ciąg
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

Wyjście:

 The Lion 

W powyższym przykładowym kodzie użyliśmy metody Object.keys() do konwersji nazwy właściwości obiektu zwierzęcego na tablicę. Zdefiniowaliśmy zmienną zwierzę, który ma pierwszy i ostatni inicjał obiektu zwierzęcego, a później przekonwertowaliśmy je na tablicę za pomocą metody Object.keys().

co to jest myspace

Metoda 2: Obiekt.wartości()

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

Wyjście:

 ['The', 'Lion'] 

W tej metodzie użyliśmy metody Object.values() do pobrania właściwości obiektu zwierzęcia. Metoda Object.values() konwertuje zdefiniowany obiekt zwierzę na tablicę, a wynik jest drukowany na konsoli, jak pokazano powyżej.

Metoda 3: Obiekt.entries()

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

Wyjście:

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

W tej metodzie obiekt jest konwertowany na tablicę, jak pokazano na wyjściu. Metody Object.entries() konwertują przeliczalne właściwości obiektu oparte na ciągach znaków na tablicę. Dane wyjściowe są drukowane w taki sposób, ponieważ metody Object.entries() poprawnie definiują każdy aspekt obiektu w lepszy sposób, dzięki czemu podczas debugowania można zwrócić uwagę, która właściwość jest przypisana do którego ciągu zdefiniowanego obiektu.

Oto niektóre z najczęstszych sposobów konwertowania obiektu na tablicę. Powyższe sposoby można również zbiorczo zdefiniować w pojedynczym fragmencie kodu, a metody można również zastosować zbiorczo z właściwościami obiektów. Wszystkie zostaną przekonwertowane na odpowiednie tablice. Rozważ poniższe przykłady, które pokazują użycie definiowania obiektów zbiorczo w jednym fragmencie.

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

W powyższym fragmencie zbiorczo zdefiniowaliśmy stałą zmienną Snakes, której właściwości są zdefiniowane jako jad I atak . Wszystkim właściwościom różnych węży przypisaliśmy różne wartości. Możesz teraz używać wszystkich opisanych powyżej metod wraz z kluczami, wpisami i wartościami.

Przyjrzyjmy się kilku różnym przykładom kodowania, aby lepiej zrozumieć konwersję obiektów JavaScript na tablice. Rozważ poniższe fragmenty.

przełącz Javę

Przykład 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); 

Tutaj wartości będą wyświetlane zgodnie z kolejnością kluczy zdefiniowaną w zmiennej obiektowej. Do różnych wartości kluczy przypisaliśmy różne liczby, a zmienna konwertuje te klucze za pomocą metody Object.keys() i później zostanie wyświetlona na konsoli w postaci tablic zdefiniowanej zmiennej obiektu.

Przykład 2:

Aktorka Rubina Dilaik
 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); 

Tutaj zdefiniowaliśmy zmienną o nazwie superbohaterowie z wartościami obiektu, jak pokazano powyżej. Ponieważ przestudiowaliśmy już trzy metody konwersji obiektu na tablicę w języku JavaScript, stosujemy tę samą koncepcję tutaj, aby przekonwertować je na tablicę.

Przykład 3:

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

Wyjście:

 { one: 1, two: 2 } 

W powyższym przykładzie wzięliśmy tablicę z jej odpowiednimi właściwościami i zdefiniowaliśmy je za pomocą ich wartości. W tym przypadku metoda Object.entries() umieszcza te właściwości obiektu w tablicy, jak pokazano w wynikach.

Streszczenie

W tym artykule natknęliśmy się na różne metody w JavaScript, których można użyć do konwersji obiektów o nieokreślonych lub określonych właściwościach na tablice różnych typów. Natrafiliśmy także na popularne metody, takie jak klucze, obiekty i wpisy, a także kilka innych, żeby wymienić tylko kilka. Metody te są bardzo przydatne, jeśli weźmie się pod uwagę ich zalety, ponieważ w większości przypadków wymagane jest uzyskanie wyników w sposób powiązany lub, powiedzmy, posortowany. Możemy również zdefiniować te obiekty, konwertując je na tablicę do realizacji metod abstrakcji, tak aby wyświetlane były tylko żądane dane, a nie inne.