Array JavaScript Berisi: Cara Menggunakan Array Termasuk () Fungsi – Codewithaden

Untuk memeriksa apakah JavaScript berisi elemen apa pun dalam array, gunakan array.includes () metode.

JavaScript Array termasuk

Itu array termasuk () adalah metode javascript bawaan yang menentukan apakah array berisi elemen yang ditentukan atau tidak. Fungsi termasuk () menerima elemen dan Mulailah parameter dan pengembalian BENAR atau Salah sebagai output tergantung pada hasilnya.

Itu termasuk () Metode sensitif. Posting ini menunjukkan bahwa array berisi obyek , sebuah rangkaian , dan substring.

Sintaksis

Sintaks dari array JavaScript termasuk () adalah sebagai berikut.

array.includes(element, start) 

Parameter

Itu elemen Parameter diperlukan, dan itu adalah elemen yang perlu kita cari.

Itu Mulailah Parameter adalah opsional, dan standarnya adalah 0. Ini adalah posisi dalam array untuk memulai pencarian.

Nilai pengembalian

Fungsi termasuk () mengembalikan nilai boolean: benar atau salah.

Contoh

Mari kita ambil contoh array javascript.

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Erlich')); 

Seperti yang kita tahu, Erlich ada di arr. Jadi itu akan kembali BENAR.

Javascript

Jika kita mencari elemen yang tidak ada dalam array, itu akan mengembalikan Salah

// app.js

let arr = ['Gavin', 'Richard', 'Erlich', 'Gilfoyle'];

console.log(arr.includes('Jared')); 

Lihat output berikut.

Array.prototype.includes()

Saat membandingkan string dan karakter, termasuk () fungsi adalah hal – hal sensitif

Array JavaScript termasuk () fungsi menggunakan Samevaluzero Algoritma untuk menentukan apakah elemen yang diberikan ditemukan.

Mari kita lihat contoh lain.

// app.js

console.log([1, 2, 3].includes(3, 2));
console.log([19, 21, 46].includes(19, 1));
console.log([19, 21, 46].includes(46, -1));
console.log([1, 2, NaN].includes(NaN)); 

Output dari kode di atas adalah sebagai berikut.

Javascript

Jika posisi awal lebih besar dari atau sama dengan panjang array, Salah dikembalikan. Oleh karena itu, array tidak akan dicari.

Jika posisi awal negatif, indeks yang dihitung dihitung sebagai posisi dalam array untuk mencari elemen . Jika indeks yang dihitung kurang atau sama dengan -1 * array panjangnya , seluruh array akan dicari.

Array JavaScript berisi

Untuk memeriksa apakah array berisi nilai masuk Javascript , menggunakan array termasuk () metode. Metode array () memeriksa apakah array memiliki item atau menentukan elemen atau tidak.

Untuk menentukan apakah array terdiri dari suatu objek di JavaScript, gunakan array.includes () metode. Semua browser modern memiliki array termasuk (), yang melakukan itu dan secara luas didukung oleh semua orang kecuali yaitu.

Sintaks prototipe

Array.prototype.name = value 

Mari kita perpanjang prototipe array JavaScript.

Array JavaScript berisi prototipe

Konstruktor prototipe memungkinkan kita untuk menambahkan properti dan metode baru ke objek array (). Saat membangun properti, semua array akan diberikan properti, dan nilainya, sebagai default. Saat membuat metode, semua array akan memiliki metode ini tersedia.

Catatan Array.Prototype tidak mengacu pada array tunggal tetapi pada objek array () itu sendiri.

Catatan: Prototipe adalah konstruktor objek global yang tersedia untuk semua objek JavaScript.

Lihat kode berikut.

Array.prototype.contains = function (obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
} 

Oke, sekarang mari kita lihat contoh berdasarkan prototipe array.contains ().

// app.js

Array.prototype.contains = function (obj) {
  var i = this.length;
  while (i--) {
    if (this[i] === obj) {
      return true;
    }
  }
  return false;
}

console.log([1, 2, 3].contains(2))
console.log([1, 2, 3].contains(3))
console.log([1, 2, 3].contains(11)) 

Keluaran

node app
true
true
false 

Output menunjukkan bahwa javascript array.contains () prototipe yang berfungsi persis seperti yang diharapkan.

Itu berarti kita dapat menambahkan prototipe ini ke file apa pun, dan kita dapat menggunakan fungsi contains () seperti itu adalah fungsi JavaScript asli.

Kata hati -hati

Menurut beberapa devs, memperluas objek array javascript adalah ide yang mengerikan karena Anda memperkenalkan properti baru (metode kustom Anda) loop untuk-dalam , melanggar skrip yang ada. Beberapa tahun yang lalu, penulis Prototipe Perpustakaan harus mengulangi implementasi perpustakaan mereka untuk menghapus hal semacam ini.

Saya akan merekomendasikan solusi fungsi berdiri bebas yang lebih aman. Tapi, sekali lagi, pilihan adalah milik Anda sebagai pengembang.

Perbedaan antara array.includes () dan array.indexof ()

Metode array.includes () diperkenalkan di Ecmascript 6 . Metode termasuk () digunakan untuk mengetahui apakah elemen tersebut termasuk dalam array atau tidak. Itu mengembalikan nilai boolean: BENAR atau Salah

Kami menggunakan array .indexOf () untuk mengetahui apakah elemen ada dalam array atau tidak. Tapi itu tidak mengembalikan boolean. Sebaliknya, ia mengembalikan indeks pertama dari elemen yang ditemukan dalam array atau akan mengembalikan -1 (yang menyatakan bahwa elemen tidak ditemukan).

Tidak seperti indeks array () , yang menggunakan perbandingan kesetaraan yang ketat, termasuk perbandingan menggunakan algoritma kesetaraan Samevaluzero. Itu berarti Anda dapat mendeteksi jika array termasuk a Nan

Memeriksa apakah array menyertakan objek.

Di sini, kita dapat menggunakan JS Array Filter () metode. Lihat contoh berikut.

// app.js
let list = [{name: 'Krunal'}, {name: 'Ankit'}];

let op = list.filter(data => (data.name == 'Krunal'));

console.log(op)
 

Lihat outputnya.

Array

Kami juga dapat menggunakan Contoh operator untuk memeriksa jenis elemen. Menggabungkan filter array dan instance dari operator, kami dapat memeriksa apakah array berisi objek atau array termasuk objek.

Lihat contoh kode berikut.

// app.js
let obj = { author: 'KDL' }
let list = [obj, obj];

let op = list.filter(data => data instanceof Object);
console.log(op)
 

Lihat output berikut.

array

Jadi, kita bisa mengatakan array berisi objek; Jika tidak, metode filter () memfilter elemen dan tidak termasuk output akhir.

Memeriksa apakah array berisi string.

Jika kita ingin menemukan apakah array berisi a rangkaian , kita bisa menggunakan array Indeks Metode dalam JavaScript. Lihat contoh pemrograman berikut.

// app.js
let arr = ['Krunal', 'Ankit', 'Rushabh'];
let arrContainString = (arr.indexOf('Krunal') > -1);
console.log(arrContainString);
 

Sekarang, lihat outputnya.

Array

Itu berarti string tertentu termasuk dalam array JavaScript.

Kami juga dapat memverifikasi menggunakan instance dari operator.

Memeriksa apakah array berisi konstruktor string.

Lihat kode berikut.

// app.js

let strA = new String('Krunal');
let strB = new String('Ankit');
let strC = new String('Rushabh');

let arr = [strA, strB, strC];

let arrContainString = arr.filter(element => element instanceof String);
console.log(arrContainString);
 

Lihat outputnya.

Array

Memeriksa apakah array berisi substring

Dalam JavaScript, Anda dapat mencari array untuk kecocokan substring.

// app.js

 let arr = ['Krunal', 'Ankit', 'Rushabh']
let index, value, result;
for (index = 0; index < arr.length; ++index) {
    value = arr[index];
    if (value.substring(0, 3) === "Ank") {
      result = value;
        break;
    }
}
if (result) {
  console.log(result)
}
else {
  console.log('Oops!! Not found')
}

 

Lihat outputnya.

Array

Dalam kode di atas, kami telah menggunakan untuk loop dan Rangkaian Substring Metode untuk memeriksa substring di array.

Tentukan apakah array JavaScript berisi array lain.

Jika kita ingin menentukan apakah satu array berisi yang lain di JavaScript, kita perlu menggunakan kombinasi array setiap() dan indeks array () metode. Lihat kodenya.

// app.js

let arr = [19, 21, 29, 46];
let arrB = [2, 6, 18, 19, 29, 46, 53, 21];

let op = arr.every(element => arrB.indexOf(element) > -1);
console.log(op);
 

Lihat outputnya.

Javascript

Dalam kode di atas, array ARRB kedua berisi semua elemen ARR; Itulah sebabnya setiap fungsi mengembalikan true.

Jika satu elemen hilang dari ARRB, itu akan menghasilkan false. Jadi perlu diingat bahwa jalan di atas hanya berfungsi jika Anda perlu memeriksa seluruh array dan bukan beberapa item array.

Array JavaScript mencakup beberapa kondisi.

Jika kita memiliki beberapa kondisi untuk metode JavaScript. Termasuk (), kita dapat membuat fungsi khusus yang memeriksa apakah satu dan hanya satu dari kondisi yang benar. Lihat kode berikut.

// app.js

let str = "Friends Don't Lie";
let arr = ['Friends','Eleven', 'Millie']

const contains = (target, pattern) => {
    let value = 0;
    pattern.forEach(function(word){
      value = value + target.includes(word);
    });
    return (value === 1)
}

console.log(contains(str, arr));
 

Jadi, kami memiliki satu string dan satu array dalam contoh di atas.

Sekarang, kami mengambil elemen array dan memeriksa di dalam string menggunakan termasuk () Metode, dan jika ada elemen yang ditemukan di string, itu mengembalikan true. Kami sedang memeriksa setiap elemen menggunakan array.foreach () fungsi.

Dalam contoh kami, Teman-teman Apakah ada di string untuk kembali BENAR .

Lihat outputnya.

➜  es git:(master) ✗ node app
true
➜  es git:(master) ✗
 

Tentukan apakah array JavaScript berisi suatu objek.

Untuk menentukan apakah array JavaScript berisi atribut yang sama dengan nilai yang diberikan? Nah, kami memiliki dua solusi untuk menentukan apakah array berisi objek dengan atribut atau tidak. Karena itu, kami tidak akan menggunakan JavaScript foreach () metode.

  1. Tentukan array yang berisi objek menggunakan Array.some () metode.
  2. Tentukan array yang berisi objek menggunakan Array.filter () metode.

Tentukan array berisi objek menggunakan metode array.some ()

JavaScript Array Some () adalah metode inbuilt yang menguji apakah setidaknya satu elemen dalam array lulus tes yang diimplementasikan oleh fungsi yang disediakan. Itu mengembalikan nilai boolean.

Lihat kode berikut.

// app.js

info = [
  {
    name: 'Scarlett',
    movie: 'Black Widow'
  },
  {
    name: 'Brie',
    movie: 'Room'
  },
  {
    name: 'Angelina',
    movie: 'Eternals'
  }
]

if (info.some(e => e.name === 'Brie')) {
 console.log('Brie won Oscard for the Movie Room')
} 

Keluaran

node app
Brie won Oscard for the Movie Room 

Ini adalah jawaban yang paling tepat karena, yaitu, "periksa apakah ada sesuatu", menyiratkan hasil bool. Ini akan menjadi BENAR Jika ada nama dengan objek nilai ‘Brie’, Salah jika tidak.

Tentukan array berisi objek menggunakan metode array.filter ()

Array JavaScript Saring () adalah metode bawaan yang menciptakan Himpunan Dipenuhi dengan elemen yang lulus tes (disediakan sebagai fungsi).

Lihat kode berikut.

// app.js

info = [
  {
    name: 'Scarlett',
    movie: 'Black Widow'
  },
  {
    name: 'Brie',
    movie: 'Room'
  },
  {
    name: 'Angelina',
    movie: 'Eternals'
  }
]

if (info.filter(e => e.name === 'Brie').length > 0) {
 console.log('Brie won Oscard for the Movie Room')
} 

Keluaran

node app
Brie won Oscard for the Movie Room 

Fungsi JS Filter () mengembalikan array dari semua objek 'Brie', bahkan jika hanya satu (akan mengembalikan array satu elemen). Tapi kami baru saja menguji apakah itu benar atau tidak.

Ini akan mengeksekusi kondisi IF berdasarkan yang benar atau salah, yang merupakan yang kami inginkan. Selanjutnya, kami ingin menguji apakah array berisi objek tertentu atau tidak.

Itu untuk tutorial ini.

Posting yang disarankan

JavaScript array concat ()

JavaScript array isArray ()

JavaScript Array Reverse ()

JavaScript array tostring ()

JavaScript array splice ()

JavaScript array slice ()

JavaScript array gabungan ()

JavaScript array reduksi ()

Peta array javascript ()

JavaScript Array Find ()

Artikel ini berasal dari website Winpoin, dan kemudian diterjemahkan ke bahasa indonesia, baca artikel asli disini

Leave a Reply

Your email address will not be published. Required fields are marked *