JavaScript dizilerine yeni öğeler eklemek için birkaç yöntem vardır. Bu yazıda, bu yöntemleri örneklerle inceleyeceğiz.
1. Bir Dizinin Sonuna Öğe Ekleme
Bir dizinin sonuna yeni öğeler eklemek için push() yöntemini kullanabilirsiniz. Bu yöntem, yeni öğeleri ekler ve dizinin yeni uzunluğunu döndürür.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <body> <p>Diziye bir öğe eklemek için butona tıklayın.</p> <button onclick="ekle()">TIKLA</button> <p id="demo"></p> <script> var meyveler = ["Portakal", "Elma", "Armut"]; document.getElementById("demo").innerHTML = meyveler; function ekle() { meyveler.push("Kivi"); document.getElementById("demo").innerHTML = meyveler; } </script> </body> </html> |
2. Bir Dizinin Başlangıcına Öğe Ekleme
Dizinin başına yeni öğeler eklemek için unshift() yöntemini kullanabilirsiniz. Bu yöntem, yeni öğeleri başa ekler ve dizinin yeni uzunluğunu döndürür.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <body> <p>Diziye bir öğe eklemek için butona tıklayın.</p> <button onclick="ekle()">TIKLA</button> <p id="demo"></p> <script> var meyveler = ["Portakal", "Elma", "Armut"]; document.getElementById("demo").innerHTML = meyveler; function ekle() { meyveler.unshift("Kivi"); document.getElementById("demo").innerHTML = meyveler; } </script> </body> </html> |
3. İki veya Daha Fazla Diziyi Birleştirme
Birden fazla diziyi birleştirmek için concat() yöntemini kullanabilirsiniz. Bu yöntem, dizileri birleştirerek yeni bir dizi oluşturur.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <!DOCTYPE html> <html> <body> <p>Diziye bir öğe eklemek için butona tıklayın.</p> <button onclick="ekle()">TIKLA</button> <p id="demo"></p> <script> function ekle() { var meyve = ["Elma", "Armut"]; var sebze = ["Kereviz", "Pırasa", "Marul"]; var bitki = meyve.concat(sebze); document.getElementById("demo").innerHTML = bitki; } </script> </body> </html> |
4. Bir Dizinin Ortasına Öğe Ekleme
Dizinin belirli bir konumuna yeni öğeler eklemek için splice() yöntemini kullanabilirsiniz. Bu yöntem, diziyi belirtilen konumda değiştirir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | <!DOCTYPE html> <html> <body> <p>Diziye bir öğe eklemek için butona tıklayın.</p> <button onclick="ekle()">TIKLA</button> <p id="demo"></p> <script> var renkler = ["Kırmızı", "Mavi", "Yeşil", "Mor"]; document.getElementById("demo").innerHTML = renkler; function ekle() { renkler.splice(2, 0, "Siyah", "Beyaz"); document.getElementById("demo").innerHTML = renkler; } </script> </body> </html> |
Yorum Yap