Bu ayrıntılı blogda, JavaScript'teki tüm temel dizi yöntemlerini ve işlemlerini görecek ve öğreneceksiniz.

dizi nedir?

Dizi, mantıksal olarak ilişkili olabilecek veya olmayabilecek bir değişken adı altında bir öğe koleksiyonu depolamanıza olanak tanıyan bir veri yapısıdır. Genellikle, dizinleri veya anahtarları ile erişilirler.

JavaScript dizisi sözdizimi

const your_arrayname =[item1,item2,...]

Diziler yeniden boyutlandırılabilir ve herhangi bir türe sahip olabilir.

["Adarsh",5,true] 

["first","second","third","fourth"]
// 0        1        2        3         <- Index

arrayname[0] // returns first item in array
arrayname[1] // returns second item in array

Dizileri iki şekilde oluşturabilirsiniz:

const your_arrayname =[item1,item2,...]
OR
const your_arrayname = new Array(item1,item2,...)

1. Bir dizinin uzunluğu

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.length   // 4

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
for(let i=0;i<billionaries.length;i++){
console.log(billionaries[i])
}
//result
Bill Gates
Warren Buffet
Elon Musk
Adarsh

const billionaries =["Bill Gates","Warren Buffet","Elon Musk","Adarsh"]
billionaries.push("Adarsh Gupta 2")
//result 
["Bill Gates","Warren Buffet","Elon Musk","Adarsh","Adarsh Gupta 2"]

yöntem:pop()

billionaires.pop() 
//return the last element and removes it from the array

yöntem: shift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.shift()//return Bill Gates and removes it from the array

yöntem:unshift()

const billionaries =["Bill Gates","Warren Buffet","Elon Musk"]
billionares.unshift("Adarsh") // return array length and add adarsh to the array

yöntem:concat()

var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3);
// [1,2,3,4,5,6]

yöntem:splice(start,end,...items)

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 0, "Lemon", "Kiwi");
//['Banana', 'Orange', 'Lemon', 'Kiwi', 'Apple', 'Mango']

yöntem:slice()

const WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"];
const WWEFAME = WWE.slice(1);
WWE = ["Cena", "Randy", "Rey", "UnderTaker", "HHH"]
WWEFAME = [ "Randy", "Rey", "UnderTaker", "HHH"]

yöntem:sort()

const words_Letters=["a","e","b","c","alpha","beta","gamma"]
words_Letters.sort()
['a', 'alpha', 'b', 'beta', 'c', 'e', 'gamma']
const num=[1,33,2,44,54,13,4,23,11]
num.sort() //not numerically but alphabeticaly
[1, 11, 13, 2, 23, 33, 4, 44, 54]

Önce kullanarak sıralayın sort(), ardından bunu kullanarak tersine çevirinreverse()

12. Bir sayı dizisini ters çevirin

const num=[1,33,2,44,54,13,4,23,11]
num.sort((a,b)=>{return a-b})

yöntem:flat()

[1, [2, [3, 4], 5], 6, [7, 8]].flat(Infinity)
//[1, 2, 3, 4, 5, 6, 7, 8]

yöntem:map()

[1, 2, 3, 4, 5, 6, 7, 8].map(a=>console.log(a))

const array1 = [1, 2, 3]
const array2 = [4, 5, 6]
const newArray = [...array1, ...array2]

console.log(newArray)
// [1, 2, 3, 4, 5, 6]
onst array = ['A', 'B', 'C', 'D', 'E']
const [first, second, ...remaining] = array

console.log(first)
// A
console.log(second)
// B
console.log(remaining)
// ["C","D","E"]

filter() yöntemi, bir dizideki her öğeyi alır ve ona koşullu bir ifade uygular.

let num1 = [1,2, 3, 4, 5, 6, 7, 8];
let data = num1.filter((value)=> return value%2==0)
 // data =[2,4,6,8]

Umarım bu ayrıntılı konu faydalı olmuştur . JavaScript, Web Geliştirme ve daha fazlası hakkında daha fazla içerik için beni Medium'da ve Twitter hesabım Adarsh ​​Gupta'da takip edin.

Birleştirilebilir web uygulamaları oluşturun

Web monolitleri oluşturmayın. React veya Node.js gibi favori çerçevelerinizde ayrılmış yazılım bileşenleri oluşturmak ve oluşturmak için Bit'i kullanın . Güçlü ve keyifli bir geliştirme deneyimiyle ölçeklenebilir ve modüler uygulamalar oluşturun.

Bileşenleri birlikte barındırmak ve bunlar üzerinde işbirliği yapmak için ekibinizi Bit Cloud'a getirin ve ekip olarak geliştirmeyi hızlandırın, ölçeklendirin ve standartlaştırın. Bir Tasarım Sistemi veya Mikro Ön Uçlar ile birleştirilebilir ön uçları deneyin veya sunucu tarafı bileşenleriyle birleştirilebilir arka ucu keşfedin .

Bir deneyin →

Daha fazla bilgi edin