cari
Rumahhujung hadapan webSoal Jawab bahagian hadapanBagaimana untuk menentukan sama ada dua JSON adalah sama dalam javascript

Dalam kerja pengaturcaraan harian, menilai sama ada dua JSON adalah sama adalah masalah yang sangat biasa. Dalam JavaScript, kita boleh menentukan sama ada dua JSON adalah sama dengan membandingkan nilai harta dalam objek JSON. Artikel ini akan membincangkan beberapa cara untuk menentukan sama ada dua JSON adalah sama dalam JavaScript, termasuk perbandingan mendalam dan perbandingan cetek.

1. Perbandingan cetek

Perbandingan cetek ialah kaedah yang agak asas, biasanya digunakan untuk menentukan sama ada atribut dua objek JSON adalah sama. Perbandingan cetek hanya membandingkan sifat peringkat atas objek JSON dan tidak membandingkan sifat bersarang objek secara rekursif.

Berikut ialah kod sampel yang menggunakan kaedah perbandingan cetek untuk menentukan sama ada dua JSON adalah sama:

function shallowEqual(obj1, obj2) {
  const keys1 = Object.keys(obj1);
  const keys2 = Object.keys(obj2);

  if (keys1.length !== keys2.length) {
    return false;
  }

  for (let i = 0; i <p>Dalam kod sampel di atas, kami mentakrifkan fungsi yang dipanggil shallowEqual , fungsi ini menerima dua parameter obj1 dan obj2, yang digunakan untuk membandingkan sama ada kedua-dua JSON adalah sama. Fungsi ini mula-mula menggunakan kaedah Object.keys() untuk mendapatkan senarai nama atribut obj1 dan obj2, dan kemudian membandingkan dua senarai untuk kesamaan. Jika tidak sama, fungsi mengembalikan palsu, jika tidak, ia akan berulang melalui setiap atribut obj1 dan membandingkan sama ada nilainya sama dengan nilai atribut yang sepadan dalam obj2. Jika mana-mana nilai tidak sama, fungsi mengembalikan palsu, jika tidak ia mengembalikan benar. </p><p>2. Perbandingan kedalaman </p><p> Perbandingan kedalaman ialah kaedah yang lebih kompleks, yang digunakan untuk membandingkan sama ada semua atribut dua objek JSON adalah sama, termasuk atribut bersarang objek. Apabila menggunakan kaedah perbandingan mendalam, kita perlu melintasi semua sifat objek JSON secara rekursif dan membandingkan sama ada nilainya adalah sama. </p><p>Berikut ialah kod sampel yang menggunakan kaedah perbandingan dalam untuk menentukan sama ada dua JSON adalah sama: </p><pre class="brush:php;toolbar:false">function deepEqual(obj1, obj2) {
  if (obj1 === obj2) {
    return true;
  }

  if (typeof obj1 !== typeof obj2) {
    return false;
  }

  if (Array.isArray(obj1) !== Array.isArray(obj2)) {
    return false;
  }

  if (typeof obj1 === "object" && obj1 !== null && obj2 !== null) {
    const keys1 = Object.keys(obj1);
    const keys2 = Object.keys(obj2);

    if (keys1.length !== keys2.length) {
      return false;
    }

    for (const key of keys1) {
      if (!obj2.hasOwnProperty(key)) {
        return false;
      }

      if (!deepEqual(obj1[key], obj2[key])) {
        return false;
      }
    }

    return true;
  }

  return obj1 === obj2;
}

const obj1 = { a: 1, b: ["foo", "bar"], c: { d: true } };
const obj2 = { a: 1, b: ["foo", "bar"], c: { d: true } };
const obj3 = { a: 1, b: ["foo", "bar"], c: { d: false } };

console.log(deepEqual(obj1, obj2)); // true
console.log(deepEqual(obj1, obj3)); // false

Dalam kod sampel di atas, kami mentakrifkan fungsi yang dipanggil deepEqual, Fungsi ini menerima dua parameter obj1 dan obj2, yang digunakan untuk membandingkan sama ada kedua-dua JSON adalah sama. Fungsi ini mula-mula menentukan sama ada obj1 dan obj2 betul-betul sama, dan jika ya, mengembalikan benar. Seterusnya, ia menyemak sama ada obj1 dan obj2 adalah jenis yang sama, dan mengembalikan palsu jika tidak. Ia kemudian menyemak sama ada kedua-dua obj1 dan obj2 adalah jenis tatasusunan atau jenis objek dan mengembalikan palsu jika satu jenis tatasusunan dan satu lagi jenis objek. Jika kedua-dua objek JSON adalah jenis objek, gunakan kaedah Object.keys() untuk mendapatkan senarai nama hartanya dan bandingkan kedua-dua senarai untuk kesamarataan. Kemudian fungsi deepEqual dipanggil secara rekursif untuk setiap atribut obj1 untuk membandingkan sama ada nilai atribut yang sepadan dalam obj1 dan obj2 adalah sama. Jika nilai mana-mana sifat tidak sama, fungsi mengembalikan palsu, jika tidak ia mengembalikan benar.

Kesimpulan

Menentukan sama ada dua JSON adalah sama ialah operasi yang sangat berguna dalam JavaScript. Sama ada menggunakan perbandingan cetek atau perbandingan mendalam, terdapat banyak cara untuk menyelesaikan masalah ini. Jika anda hanya perlu membandingkan sifat peringkat atas objek JSON, gunakan kaedah perbandingan cetek. Jika anda perlu membandingkan semua sifat objek JSON, termasuk sifat bersarang, gunakan kaedah perbandingan mendalam untuk menyelesaikan masalah. Mana-mana kaedah yang anda pilih, ingat untuk menguji penyelesaian anda untuk memastikan ia membandingkan dua objek JSON dengan betul untuk kesamaan.

Atas ialah kandungan terperinci Bagaimana untuk menentukan sama ada dua JSON adalah sama dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
CSS: Bolehkah saya menggunakan pelbagai ID dalam DOM yang sama?CSS: Bolehkah saya menggunakan pelbagai ID dalam DOM yang sama?May 14, 2025 am 12:20 AM

Tidak, youdouldn'tusemultipleidsinthesamedom.1) idsmustbeuniquperhtmlspecification, andingduplicatescancauseonsistentbrowsbehavior.2)

Tujuan HTML5: Mewujudkan Web yang lebih kuat dan boleh diaksesTujuan HTML5: Mewujudkan Web yang lebih kuat dan boleh diaksesMay 14, 2025 am 12:18 AM

Html5aimstoenhanceWebcapabilities, makeitmoredynamic, interaktif, dan boleh diakses.1) itsupportsmultimeDiaelementsLikeand, menghapuskanTheTheneedforplugins.2) semantikelementsImproveAccessibilityandcodeReadability.3) Ciri -ciri

Matlamat penting HTML5: Meningkatkan Pembangunan Web dan Pengalaman PenggunaMatlamat penting HTML5: Meningkatkan Pembangunan Web dan Pengalaman PenggunaMay 14, 2025 am 12:18 AM

Html5aimstoenhancewebdevelopmentanduserexperiencetroughsemanticstructure, multimediaintegration, andperformanceimprovements.1)

HTML5: Adakah ia selamat?HTML5: Adakah ia selamat?May 14, 2025 am 12:15 AM

Html5isnotinherentlyinsecure, butitsfeaturescanleadtosecurityriskssifmisusedorimproperlyimplemented.1) usethesandboxattributeiniframestocontrolembeddedcontentandpreventvulnerabilitieSlIKeClickjacking

Matlamat HTML5 berbanding dengan versi HTML yang lebih lamaMatlamat HTML5 berbanding dengan versi HTML yang lebih lamaMay 14, 2025 am 12:14 AM

Html5aimedtoenhanceWebdevelopmentbyintroducingsemanticelements, nativemultimediasupport, peningkatan prestasi, danflineCapabilities, kontrasingwiththelimitationsofhtml4andxhtml.1) iTintroducedSemanTictagsike,

CSS: Adakah buruk menggunakan pemilih ID?CSS: Adakah buruk menggunakan pemilih ID?May 13, 2025 am 12:14 AM

Menggunakan pemilih ID tidak sememangnya buruk dalam CSS, tetapi harus digunakan dengan berhati -hati. 1) Pemilih ID sesuai untuk elemen unik atau cangkuk JavaScript. 2) Untuk gaya umum, pemilih kelas harus digunakan kerana ia lebih fleksibel dan dapat dipelihara. Dengan mengimbangi penggunaan ID dan kelas, seni bina CSS yang lebih mantap dan cekap dapat dilaksanakan.

HTML5: Matlamat pada tahun 2024HTML5: Matlamat pada tahun 2024May 13, 2025 am 12:13 AM

Html5'sgoalsin2024focusonrefinementandoptimization, notnewfeatures.1) enhanceperformanceandeficiencythroughoptimizedrendering.2) ImproveAccessibilityWithreFinedAttributeseMelements.3)

Apakah kawasan utama di mana HTML5 cuba memperbaiki?Apakah kawasan utama di mana HTML5 cuba memperbaiki?May 13, 2025 am 12:12 AM

Html5aimedtoimproveWebdevelopmentinfourkeyareas: 1) Multimediasupport, 2) Semantik, 3) Formcapabilities, dan4) OfflineandStorageOptions.1)

See all articles

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Artikel Panas

Nordhold: Sistem Fusion, dijelaskan
4 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌
Mandragora: Whispers of the Witch Tree - Cara Membuka Kunci Cangkuk Bergelut
3 minggu yang laluBy尊渡假赌尊渡假赌尊渡假赌

Alat panas

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

VSCode Windows 64-bit Muat Turun

VSCode Windows 64-bit Muat Turun

Editor IDE percuma dan berkuasa yang dilancarkan oleh Microsoft

PhpStorm versi Mac

PhpStorm versi Mac

Alat pembangunan bersepadu PHP profesional terkini (2018.2.1).

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Penyesuai Pelayan SAP NetWeaver untuk Eclipse

Integrasikan Eclipse dengan pelayan aplikasi SAP NetWeaver.

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat

Pelayar Peperiksaan Selamat ialah persekitaran pelayar selamat untuk mengambil peperiksaan dalam talian dengan selamat. Perisian ini menukar mana-mana komputer menjadi stesen kerja yang selamat. Ia mengawal akses kepada mana-mana utiliti dan menghalang pelajar daripada menggunakan sumber yang tidak dibenarkan.