- Как создать функцию карты для объектов в JavaScript
- Создайте функцию карты и отобразите атрибуты
- Создание функции карты и присвоение значений через map.set() в JavaScript
- Метод Object.entries() в JavaScript
Как создать функцию карты для объектов в JavaScript?
JavaScript предоставляет метод map() для объектов, который работает с парой ключ-значение. Это полезно для выполнения различных операций с объектами с использованием ключевых значений. Он работает аналогично методу array.map(), перебирая элементы объекта. При рассмотрении функции карты для объектов синтаксис записывается следующим образом.
Синтаксис
карта ( функция ( элемент, индекс )
В этом синтаксисе функция перебирает элемент сквозь индекс ценность.
Примечание : карта() метод не создает новый объект, а изменяет существующий объект с помощью значений индекса.
Пример 1: создание функции карты и отображение атрибутов
Пример адаптирован для создания функции карты и присвоения различных значений атрибутам. Метод map() перебирает все атрибуты объекта. Наконец, отобразите все атрибуты вместе с их значениями в окне консоли. Следующий код практикуется следующим образом:
Код
приставка. журнал ( «Создать функцию карты для объектов» ) ;пусть Stud_Obj знак равно {
'Математические_оценки' : 80 ,
'English_Marks' : 77 ,
'Физика_Марки' : 90 } ;
Объект . ключи ( Stud_Obj ) . карта ( функция ( ключ, значение ) {
} ) ;
приставка. журнал ( Stud_Obj ) ;
В этом коде:
- Объект создается с именем «Stud_Obj» и имеет различные атрибуты, в том числе «Math_Marks», «English_Marks» а также «Физические_оценки».
- Эти атрибуты содержат разные «80, 77 и 90» значения, заданные двоеточием.
- После того, Object.keys используются для возврата атрибутов объекта «Stud_Obj».
- Карта() функция вызывает все атрибуты, присутствующие в объекте, через пары ключ-значение.
- В конце концов, console.log() метод используется для отображения объекта «Stud_Obj» в окне консоли.
Выход
Вывод возвращает все атрибуты «Math_Marks», «English_Marks» а также «Физические_оценки» с присвоенными им значениями в окне консоли.
Пример 2: создание функции карты и присвоение значений
Пример используется для создания нового объекта карты с использованием новый ключевое слово. После этого карта.набор() методы используются для назначения атрибутов в коде JavaScript.
Код
приставка. журнал ( «Создать функцию карты для объектов» ) ;пусть карта знак равно новый карта ( ) ;
карта. установлен ( 'Гарри_id' , 04 ) ;
карта. установлен ( 'Питер_id' , 08 ) ;
карта. установлен ( 'Джон_ид' , 07 ) ;
пусть obj_ids знак равно Множество . из ( карта ) . уменьшать ( ( obj_ids, [ ключ, значение ] ) => (
Объект . назначать ( obj_ids, { [ ключ ] : ценность } )
) , { } ) ;
приставка. журнал ( obj_ids ) ;
Объяснение кода следующее:
- А карта объект создается с помощью новый ключевое слово, которое перебирает атрибуты объекта.
- После этого карта.набор() метод используется путем присвоения атрибутов «Гарри_id» , «Питер_id» а также «Джон_ид».
- Эти атрибуты имеют уникальные значения, включая «04», «08», а также «07» соответственно.
- Кроме того, Массив.от() метод возвращает массив из карта объект.
- После этого уменьшать() метод вызывает обратно obj_ids и извлекает все атрибуты с помощью ценности .
- Объект.назначить() метод устанавливает конкретное значение для каждого атрибута через ключи .
- Наконец, console.log() метод представляет все атрибуты объект проходя мимо «obj_ids» .
Выход
Пример 3: Метод Object.entries() в JavaScript
JavaScript предоставляет Объект.записи() метод и возвращает все атрибуты объекта на основе ключ-значение пары. Принимая во внимание Объект.записи() метод, код записывается следующим образом.
Код
приставка. журнал ( «Создать функцию карты для объектов» ) ;константа sports_obj знак равно {
первый : 'Крикет' ,
второй : 'Футбол' ,
в третьих : 'Хоккей' ,
}
константа м знак равно новая карта ( Объект . записи ( sports_obj ) ) ;
приставка. журнал ( м ) ;
Описание кода выглядит следующим образом:
- Во-первых, объект «sports_obj» создается с различными атрибутами 'первая секунда' а также 'в третьих'.
- Эти атрибуты имеют разные значения, т.к. «Крикет», «Футбол» а также 'Хоккей'.
- После этого Объект.записи() метод принимает объект «sports_obj» и возвращает все атрибуты и сохраняет их в переменной «м».
- Наконец, console.log() метод используется для представления списка атрибутов объектов в окне консоли.
Выход
Вывод показывает количество атрибутов как «3» и отображает все атрибуты со значениями в окне консоли.
Вывод
JavaScript предоставляет карта() метод создания функции карты для взаимодействия со свойствами объектов. Он перебирает все атрибуты объектов, используя ключевые значения. В дополнение карта.набор() методы используются для присвоения атрибутов объектам. Более того, Объект.записи() метод возвращает все атрибуты объекта после создания функции карты в JavaScript. В этой статье демонстрируется создание функции карты для объектов и отображение всех атрибутов объектов в окне консоли.