Obyektlar bo‘ylab iteratsiya

Umumiy metodlar

// Copies properties from a source object to a target object
Object.assign(target, source)

// Creates an object from an existing object
Object.create(object)

// Returns an array of the key/value pairs of an object
Object.entries(object)

// Creates an object from a list of keys/values
Object.fromEntries()

// Returns an array of the keys of an object
Object.keys(object)

// Returns an array of the property values of an object
Object.values(object)

// Groups object elements according to a function
Object.groupBy(object, callback)

JavaScript Object.assign() metodi

Object.assign() usuli xususiyatlardan nusxa oladi maqsadli obyektga bir yoki bir nechta manba obyektlari.

Misol

// Create Target Object
const person1 = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

// Create Source Object
const person2 = {firstName: "Anne",lastName: "Smith"};

// Assign Source to Target
Object.assign(person1, person2);

O‘zingiz sinab ko‘ring »

JavaScript Object.entries() metodi

ECMAScript 2017 obyektlarga Object.entries() metodini qo‘shdi.

Object.entries() obyektdagi kalit/qiymat juftliklari massivini qaytaradi:

Misol

const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};

let text = Object.entries(person);

O‘zingiz sinab ko‘ring »

Object.entries() obyektlarni sikllarda ishlatishni osonlashtiradi:

Misol

const fruits = {Bananas:300, Oranges:200, Apples:500};

let text = "";
for (let [fruit, value] of Object.entries(fruits)) {
text += fruit + ": " + value + "<br>";
}

O‘zingiz sinab ko‘ring »

Object.entries() shuningdek, obyektlarni xaritalarga aylantirishni osonlashtiradi:

Misol

const fruits = {Bananas:300, Oranges:200, Apples:500};

const myMap = new Map(Object.entries(fruits));

O‘zingiz sinab ko‘ring »

Object.entries() 2017-yil mart oyidan boshlab barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:

JavaScript Object.fromEntries() metodi

fromEntries() usuli quyidagidan obyekt yaratadi kalit/qiymat juftliklari ro‘yxati.

Misol

const fruits = [
  ["apples", 300],
  ["pears", 900],
  ["bananas", 500]
];

const myObj = Object.fromEntries(fruits);

O‘zingiz sinab ko‘ring »

JavaScript Object.values() metodi

Object.values() o‘xshash Object.entries() , lekin obyekt qiymatlarining yagona o‘lchovli massivini qaytaradi:

Misol

const person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};

let text = Object.values(person);

O‘zingiz sinab ko‘ring »

Object.values() 2017-yil mart oyidan boshlab barcha zamonaviy brauzerlarda qo‘llab-quvvatlanadi:

JavaScript Object.groupBy() metodi

ES2024 JavaScript-ga Object.groupBy() usulini qo‘shdi.

Object.groupBy() usuli obyekt elementlarini callback funksiyasidan qaytarilgan String qiymatlariga ko‘ra guruhlaydi.

Object.groupBy() metodi asl obyektni o‘zgartirmaydi.

Misol

// Create an Array
const fruits = [
{name:"apples", quantity:300},
{name:"bananas", quantity:500},
{name:"oranges", quantity:200},
{name:"kiwi", quantity:150}
];

// Callback function to Group Elements
function myCallback({ quantity }) {
return quantity > 200 ? "ok" : "low";
}

// Group by Quantity
const result = Object.groupBy(fruits, myCallback);

O‘zingiz sinab ko‘ring »

Brauzerlarda qo‘llab-quvvatlash

Object.groupby() — ECMAScript 2024 imkoniyati.

JavaScript 2024 yangi brauzerlarda 2024-yil martidan beri qo‘llab-quvvatlanadi:


Chrome 117	Edge 117	Firefox 119	Safari 17.4	Opera 103
Sep 2023	Sep 2023	Oct 2023	Okt 2024	May 2023

Ogohlantirish

ES2024 xususiyatlari nisbatan yangi.

Eski brauzerlar uchun muqobil kod (Polyfill) kerak bo‘lishi mumkin

Object.groupBy() va Map.groupBy()

Object.groupBy() va Map.groupBy() o‘rtasidagi farq:

Object.groupBy() elementlarni JavaScript obyektiga guruhlaydi.

Map.groupBy() elementlarni Map obyektiga guruhlaydi.

JavaScript Object.keys() metodi

Object.keys() usuli obyekt kalitlari bilan massivni qaytaradi.

Misol

// Create an Object
const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

// Get the Keys
const keys = Object.keys(person);

O‘zingiz sinab ko‘ring »