Array filter javascript objek berdasarkan nilai berisi

Objek JavaScript tidak dapat diubah seperti array atau string, jadi kami tidak dapat menggunakan metode filter() secara langsung pada

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Jika Anda ingin membaca lebih lanjut tentang metode filter() - baca Panduan kami untuk Metode filter() JavaScript

Pada artikel ini, kita akan mengeksplorasi cara memfilter Objek menggunakan kuncinya di JavaScript

Objek pada dasarnya adalah peta properti dan nilainya. Set pasangan kunci-nilai ini adalah apa yang dimaksud dengan objek. Kami secara alami dapat mengekstrak kunci dan nilai satu per satu

Kunci diekstraksi menggunakan

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Menggunakan Objek. keys() untuk memfilter Objek

Metode

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Object.keys(objectName);

Misalnya, misalkan kita memiliki objek skor pengguna dalam berbagai mata pelajaran

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Kita dapat mengulang melalui objek dan mengambil kunci, yang untuk contoh ini akan menjadi subjeknya

Setelah Anda membuat kunci, Anda dapat menggunakan filter() untuk mengulangi nilai yang ada dan mengembalikan hanya yang memenuhi kriteria yang ditentukan. Terakhir, Anda dapat menggunakan

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Catatan. filter()_ hebat dalam merangkai dengan metode fungsional lainnya

Asumsikan kita memiliki Objek, dan kita hanya ingin mengembalikan pasangan kunci-nilai dengan kata "nama" di kunci

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

Kita bisa memfilter dengan memanfaatkan kunci Objects

const names = Object.keys(user)
    .filter((key) => key.includes("Name"))
    .reduce((obj, key) => {
        return Object.assign(obj, {
          [key]: user[key]
        });
  }, {});

console.log(names);

Kami memanfaatkan

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

["firstName","lastName","userName","email","age","hobby"]

Kami kemudian menggunakan fungsi array

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

["firstName","lastName","userName"]

Kemudian, kami memanfaatkan

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Catatan. Fungsi

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Lihat panduan praktis dan praktis kami untuk mempelajari Git, dengan praktik terbaik, standar yang diterima industri, dan menyertakan lembar contekan. Hentikan perintah Googling Git dan benar-benar pelajari itu

Kami menggunakan

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Dan pada akhirnya - kami memiliki objek baru, difilter dengan kunci

{ firstName: 'John', lastName: 'Doe', userName: 'johndoe12' }

Saring Array Objek dengan Kunci

Seringkali, objek yang sedang kita proses diurutkan dalam sebuah array. Memfilter masing-masing semudah memfilter satu - kami hanya mengulangi array dan menerapkan langkah-langkah yang sama

const users = {
    John: { username: 'johncam112', age:19 },
    Daniel: { key: 'Dandandel1', age:21 },
    Ruth: { key: 'rutie01', age:24 },
    Joe: { key: 'Joemathuel', age:28 }
};

const selectedUsers = ['Ruth', 'Daniel'];

const filteredUsers = Object.keys(users)
    .filter(key => selectedUsers.includes(key))
    .reduce((obj, key) => {
        obj[key] = users[key];
        return obj;
  }, {});

console.log(filteredUsers);

Dalam contoh di atas, kami memfilter objek Users untuk hanya mengembalikan objek dari

const user = {
    firstName: "John",
    lastName: "Doe",
    userName: "johndoe12",
    email: "[email protected]",
    age: 37,
    hobby: "Singing"
};

{
    Daniel: {
        key:"Dandandel1",
        age:21
},
    Ruth: {
        key:"rutie01",
        age:24
    }
}

Kesimpulan

Dalam artikel singkat ini - kita telah melihat pemfilteran objek berdasarkan nilai, menggunakan metode

const userScores = {
    chemistry: 60,
    mathematics: 70,
    physics: 80,
    english: 98
};

Bagaimana Anda memfilter array objek berdasarkan nilai?

Bagaimana Anda memfilter array objek berdasarkan properti?

Bagaimana cara memfilter objek berdasarkan nilai dalam JavaScript?

Bagaimana Anda memfilter array objek dengan kunci?