Yeni başlayanlar için JavaScript Bölüm 3/3

Bu bölümde ele alacağınız konular

1. Dizi
2. Nesne

Dizi, bir değerler listesini temsil eden bir veri yapısıdır. Sıralı veri koleksiyonlarını depolamak ve değiştirmek için dizileri kullanabilirsiniz.

Diziler köşeli parantezler kullanılarak tanımlanır ve dizinin öğeleri virgülle ayrılır. İşte JavaScript'teki bir dizi örneği:

let numbers = [1, 2, 3, 4, 5];

Bir dizinin öğelerine, öğenin dizideki konumu olan dizinlerini kullanarak erişebilirsiniz. Dizi indeksleri sıfır tabanlıdır, yani birinci elemanın indeksi 0, ikinci elemanın indeksi 1, vb.

Bir dizinin elemanlarına köşeli parantezler ve elemanın indeksini kullanarak erişebilirsiniz. Örneğin:

console.log(numbers[0]); // 1
console.log(numbers[2]); // 3

numbers[0] = 10; // modifies the first element
numbers[5] = 6; // adds a new element at the end of the array

// array method
numbers.splice(3, 1); // deletes the fourth element

Dizi Yöntemleri:

Yaygın dizi yöntemlerine bazı örnekler:

• concat(): concat()Yöntem, iki veya daha fazla diziyi tek bir dizide birleştirmek için kullanılır. Orijinal dizileri değiştirmez, bunun yerine orijinal dizilerin öğelerini içeren yeni bir dizi oluşturur. Örneğin:

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

let arr = [1, 2, 3, 4, 5];
let str = arr.join(); // "1,2,3,4,5"
let str2 = arr.join("-"); // "1-2-3-4-5"

let arr = [1, 2, 3, 4, 5];
let last = arr.pop(); // 5
console.log(arr); // [1, 2, 3, 4]

let arr = [1, 2, 3, 4, 5];
arr.push(6, 7, 8);
console.log(arr); // [1, 2, 3, 4, 5, 6, 7, 8]

let arr = [1, 2, 3, 4, 5];
arr.reverse();
console.log(arr); // [5, 4, 3, 2, 1]

let arr = [1, 2, 3, 4, 5];
let first = arr.shift(); // 1
console.log(arr); // [2, 3, 4, 5]

let arr = [1, 2, 3, 4, 5];
let sub = arr.slice(2, 4); // [3]

JavaScript'te nesne oluşturmanın birkaç yolu vardır. İşte birkaç örnek:

Bir nesne hazır bilgisini kullanma: Süslü parantezlerle çevrili anahtar/değer çiftlerinin bir listesi olan bir nesne değişmez bilgisini kullanarak bir nesne oluşturabilirsiniz. Örneğin:

let obj = {
  key1: value1,
  key2: value2,
  ...
};

let obj = new Object();

let obj = new Object({
  key1: value1,
  key2: value2,
  ...
});

let obj = Object.create(Object.prototype);

let obj = Object.create({
  key1: value1,
  key2: value2,
  ...
});

let person = {
  name: "John",
  age: 30,
  job: "developer"
};

Bir nesnenin özelliklerine nokta gösterimi veya parantez gösterimi kullanarak erişebilirsiniz. Örneğin:

console.log(person.name); // "John"
console.log(person["age"]); // 30

person.age = 31; // modifies the age property
person.email = "[email protected]"; // adds a new property
delete person.job; // deletes the job property

• hasOwnProperty(): hasOwnProperty()Yöntem, bir nesnenin belirtilen bir özelliğe sahip olup olmadığını kontrol etmek için kullanılır. Bir boole değeri döndürür. Örneğin:

console.log(person.hasOwnProperty("name")); // true
console.log(person.hasOwnProperty("email")); // false

let obj1 = {};
let obj2 = Object.create(obj1);
console.log(obj1.isPrototypeOf(obj2)); // true

console.log(person.propertyIsEnumerable("name")); // true

console.log(person.toString()); // "[object Object]"