Bu eğitimde, örnekler yardımıyla JavaScript dizisi hakkında bilgi edineceksiniz.
Bildiğiniz gibi, bir değişken tek bir elemanı depolayabilir. Birden çok öğeyi aynı anda depolamanız gerekiyorsa, bir dizi kullanabilirsiniz.
Dizi, birden çok öğeyi saklayabilen bir nesnedir . Örneğin,
const myArray = ('hello', 'world', 'welcome');
Dizi Oluşturun
İki yol kullanarak bir dizi oluşturabilirsiniz:
1. Bir dizi değişmezi kullanma
Bir dizi oluşturmanın en kolay yolu, bir dizi değişmezi kullanmaktır (). Örneğin,
const array1 = ("eat", "sleep");
2. Yeni anahtar kelimeyi kullanma
JavaScript'in newanahtar sözcüğünü kullanarak bir dizi de oluşturabilirsiniz .
const array2 = new Array("eat", "sleep");
Yukarıdaki her iki örnekte de iki elemanlı bir dizi oluşturduk.
Not : Bir dizi oluşturmak için dizi değişmezinin kullanılması önerilir.
İşte daha fazla dizi örneği:
// empty array const myList = ( ); // array containing number values const numberArray = ( 2, 4, 6, 8); // array containing string values const stringArray = ( 'eat', 'work', 'sleep'); // multiple data types array const newData = ('work', 'exercise', 1, true);
Ayrıca dizileri, işlevleri ve diğer nesneleri bir dizi içinde saklayabilirsiniz. Örneğin,
const newData = ( ('task1': 'exercise'), (1, 2 ,3), function hello() ( console.log('hello')) );
Bir Dizinin Öğelerine Erişim
İndisleri (0, 1, 2…) kullanarak bir dizinin içindeki öğelere erişebilirsiniz . Örneğin,
const myArray = ('h', 'e', 'l', 'l', 'o'); // first element console.log(myArray(0)); // "h" // second element console.log(myArray(1)); // "e" 
JavaScript'te dizi indeksleme
Not : Dizinin dizini 1 değil 0 ile başlar.
Bir Diziye Eleman Ekleme
Yerleşik yöntemi kullanabilir push()ve unshift()bir diziye bir öğe ekleyebilirsiniz.
push()Yöntem, bir dizinin sonundaki bir eleman ekler ve yeni bir dizinin uzunluğunu verir. Örneğin,
let dailyActivities = ('eat', 'sleep'); // add an element at the end of the array dailyActivities.push('exercise'); console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
unshift()Yöntem, bir dizi başlangıcına yeni unsuru ekler ve bir dizi yeni uzunluğunu verir. Örneğin,
let dailyActivities = ('eat', 'sleep'); //add an element at the end of the array dailyActivities.unshift('work'); console.log(dailyActivities); // ('work', 'eat', 'sleep', 'exercise'')
Bir Dizinin Öğelerini Değiştirme
Ayrıca dizin değerine erişerek öğeler ekleyebilir veya öğeleri değiştirebilirsiniz.
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 2 index dailyActivities(2) = 'exercise'; console.log(dailyActivities); // ('eat', 'sleep', 'exercise')
Bir dizinin iki öğesi olduğunu varsayalım. 3. dizine (dördüncü öğe) bir öğe eklemeye çalışırsanız, üçüncü öğe tanımsız olacaktır. Örneğin,
let dailyActivities = ( 'eat', 'sleep'); // this will add the new element 'exercise' at the 3 index dailyActivities(3) = 'exercise'; console.log(dailyActivities); // ("eat", "sleep", undefined, "exercise")
Temel olarak, yüksek endekslere eleman eklemeye çalışırsanız, aradaki endeksler tanımsız değere sahip olacaktır.
Bir Diziden Bir Eleman Kaldırma
pop()Bir diziden son öğeyi kaldırmak için yöntemi kullanabilirsiniz . pop()Yöntem ayrıca, geri değer geri gönderir. Örneğin,
let dailyActivities = ('work', 'eat', 'sleep', 'exercise'); // remove the last element dailyActivities.pop(); console.log(dailyActivities); // ('work', 'eat', 'sleep') // remove the last element from ('work', 'eat', 'sleep') const removedElement = dailyActivities.pop(); //get removed element console.log(removedElement); // 'sleep' console.log(dailyActivities); // ('work', 'eat')
İlk öğeyi kaldırmanız gerekirse, shift()yöntemi kullanabilirsiniz . shift()Yöntem, birinci eleman kaldırır ve aynı zamanda çıkarılan elemanının döner. Örneğin,
let dailyActivities = ('work', 'eat', 'sleep'); // remove the first element dailyActivities.shift(); console.log(dailyActivities); // ('eat', 'sleep')
Dizi uzunluğu
lengthÖzelliği kullanarak bir öğenin uzunluğunu (bir dizideki öğelerin sayısı) bulabilirsiniz . Örneğin,
const dailyActivities = ( 'eat', 'sleep'); // this gives the total number of elements in an array console.log(dailyActivities.length); // 2
Dizi Yöntemleri
JavaScript'te, kullanışlı hesaplamalar yapmayı kolaylaştıran çeşitli dizi yöntemleri vardır.
Yaygın olarak kullanılan JavaScript dizi yöntemlerinden bazıları şunlardır:
| Yöntem | Açıklama |
|---|---|
| concat () | iki veya daha fazla diziyi birleştirir ve bir sonuç döndürür |
| indeksi() | bir dizinin bir öğesini arar ve konumunu döndürür |
| bul () | bir testi geçen bir dizi öğesinin ilk değerini döndürür |
| findIndex () | bir testi geçen bir dizi öğesinin ilk dizinini döndürür |
| her biri için() | her eleman için bir fonksiyon çağırır |
| içerir() | bir dizinin belirli bir öğe içerip içermediğini kontrol eder |
| it() | bir dizinin sonuna yeni bir öğe ekler ve bir dizinin yeni uzunluğunu döndürür |
| unshift () | adds a new element to the beginning of an array and returns the new length of an array |
| pop() | removes the last element of an array and returns the removed element |
| shift() | removes the first element of an array and returns the removed element |
| sort() | sorts the elements alphabetically in strings and in ascending order |
| slice() | selects the part of an array and returns the new array |
| splice() | removes or replaces existing elements and/or adds new elements |
Example: JavaScript Array Methods
let dailyActivities = ('sleep', 'work', 'exercise') let newRoutine = ('eat'); // sorting elements in the alphabetical order dailyActivities.sort(); console.log(dailyActivities); // ('exercise', 'sleep', 'work') //finding the index position of string const position = dailyActivities.indexOf('work'); console.log(position); // 2 // slicing the array elements const newDailyActivities = dailyActivities.slice(1); console.log(newDailyActivities); // ( 'sleep', 'work') // concatenating two arrays const routine = dailyActivities.concat(newRoutine); console.log(routine); // ("exercise", "sleep", "work", "eat")
Note: If the element is not in an array, indexOf() gives -1.
Visit JavaScript Array Methods to learn more.
Working of JavaScript Arrays
In JavaScript, an array is an object. And, the indices of arrays are objects keys.
Diziler nesneler olduğundan, dizi öğeleri başvuruya göre saklanır. Bu nedenle, bir dizi değeri kopyalandığında, kopyalanan dizideki herhangi bir değişiklik de orijinal diziye yansıtılır. Örneğin,
let arr = ('h', 'e'); let arr1 = arr; arr1.push('l'); console.log(arr); // ("h", "e", "l") console.log(arr1); // ("h", "e", "l")
Bir dizide adlandırılmış bir anahtar ileterek de değerleri depolayabilirsiniz. Örneğin,
let arr = ('h', 'e'); arr.name = 'John'; console.log(arr); // ("h", "e") console.log(arr.name); // "John" console.log(arr('name')); // "John" 
JavaScript'te dizi indeksleme
Ancak, bir dizide rasgele adlar ileterek değerlerin saklanması önerilmez.
Bu nedenle JavaScript'te, değerler sıralı koleksiyondaysa bir dizi kullanmalısınız. Aksi takdirde, nesneyi kullanmak daha iyidir ( ).
Önerilen Makaleler
- Her biri için JavaScript
- JavaScript /
- JavaScript Çok Boyutlu Dizi
