JavaScript Array includes() Method - String includes() Method Kullanımı
Javascript dizisi includes() Methodu, dizinin belirtilen öğeyi içerip içermediğini belirleyen dahili bir fonksiyondur. Sonuca bağlı olarak çıktı olarak true veya false döndürür. İncludes() methodu büyük / küçük harfe duyarlıdır.
Sözdizimi:
Element: Gereklidir. Aranacak öğe
start: İsteğe bağlı. Dizinin hangi konumda aramanın başlatılacağı indeks numara. Varsayılan 0(sıfır).
JavaScript Array includes() Methoduna giriş
Bir diziyle çalışırken , genellikle dizinin bir öğe içerip içermediğini kontrol etmek istersiniz. Bunu yapmak için aşağıdaki gibi indexOf() methodu kullanırsınız.
var numbers = [3, 5, 8, 11, 23, 7];
if (numbers.indexOf(1) !== -1) {
// ...
}
includes() methodu kullanarak aynısını şu şekilde yazabiliriz:
var numbers = [3, 5, 8, 11, 23, 7];
if (numbers.includes(1)) {
// ...
}
indexOf() Method, bir dizinin öğesinin ilk geçtiği indeksi döndürür. Dizi öğesi içermiyorsa, indexOf() method "-1" döndürür.
Bu indexOf() methodu ile çalışırken fark edilen bazı belirgin olmayan özellikler hesaba katılmıştır. Buna ek olarak, indexOf() karşılaştırma için katı eşitlik oparatör (===) kullanır, bu nedenle aşağıdaki örnekte gösterildiği gibi NaN elemanı ile çalışmaz:
[NaN].indexOf(NaN); // -1
Bu örnekte, dizi bir NaN öğesi içerir. Ancak indexOf(NaN) geri dönüşler -1'dir.
ECMAScript 2016, Array.prototype.includes() methodu sağlayarak bu işlevselliği standartlaştırmıştır.
includes() Method
includes() Methodu bir dizide, belirli bir elemanı içeriyorsa true döner; Aksi takdirde geri false döner.
ÖRNEK 1:
const array1 = [1, 2, 3];
console.log(array1.includes(2));
//Çıktı: true
const pets = ['cat', 'dog', 'Kaz'];
console.log(pets.includes('cat'));
// Çıktı: true
console.log(pets.includes('kartal'));
// Çıktı: false
ÖRNEK 2:
[1,2,3].includes(2); // true
[1,2,3].includes(4); // false
[1,2,3].includes(1,1); // false
indexOf() Methodun aksine, includes() Methodu NaN elemanı mükemmel şekilde bulur.
[NaN].includes(NaN); // true
Not includes() methodu +0 ve -0 ayırt etmez aşağıdaki örnekte gösterildiği gibi:
[-0].includes(+0); // true
Aşağıdaki örnek, includes() methodu bir nesnenin bir dizide olup olmadığını kontrol etmek için methodun nasıl kullanılacağını gösterir.
let bmw = {name: 'BMW' },
toyota = { name: 'Toyota'},
ford = {name: 'Ford'}
let cars = [ford, toyota];
console.log(cars.includes(ford)); // true
console.log(cars.includes(bmw)); // false
- İlk olarak,
carsdiziyi iki nesne ile başlattık :fordvetoyota. - Ardından, dizinin nesneyi içerip içermediğini kontrol etmek için
includes()methodu kullandık,carsdizindefordöğesi varmı diya bakıyoruz bu durumdatruedöndürüyor. - Son olarak,
bmwnesnesicarsdizininde değildir, bu nedenle includes() methodufalsebeklendiği gibi geri döner.
JavaScript String includes() Method
JavaScript'te, includes() methodu, bir dizenin içinde verilen karakterleri içerip içermediğini belirler. Bu method, dize karakterleri içeriyorsa true, aksi takdirde false döndürür.
Not: includes() methodu büyük / küçük harfe duyarlıdır.
Sözdizimi:
searchvalue: Gereklidir. Aranacak dize
start: İsteğe bağlı. Aramaya hangi konumda başlanacağı indeks numara. Varsayılan 0(sıfır).
ÖRNEK: e-posta'da kullanılan "@" takısı verilen string'de varmı.
let email = 'admin@example.com';
console.log(email.includes('@'));
ÇIKTI:
ÖRNEK:
Verilen dizede "Script" kelimesi varmı?
let str = 'JavaScript String';
console.log(str.includes('Script'));
ÇIKTI:
Daha önce belirtildiği gibi, includes() methodu dizeyle büyük / küçük harf duyarlı olarak eşleşir, bu nedenle aşağıdaki örnek false döndürür.
let str = 'JavaScript String';
console.log(str.includes('script'));
ÇIKTI:
Aşağıdaki örnekde, includes() methodu ikinci parametreyle kullanalım.
let str = 'JavaScript String';
console.log(str.includes('Script', 5));
ÇIKTI:
- HTML
- CSS
- PHP
- JQUERY
- PHOTOSHOP
- JavaScript
- Web Dünyası
- Linux
- MİTHRİL FRAMEWORK
- Laravel
- Git
- React
- javaScript Template Literal
- HTML LİNK(Bağlantı)EKLEME - LİNK VERME
- HTML YAZI VE RESİM ORTALAMA
- HTML RESME LİNK VERME
- CSS (BOYUT) GENİŞLİK VE YÜKSEKLİK (Width-Height)
- HTML FORM OLUŞTURMA
- CSS YATAY MENÜ YAPIMI
- HTML RESİM EKLEME
- HTML ARKAPLANA MÜZİK EKLEME
- HTML DİV ve SPAN NEDİR?