Javascript per principianti Parte 3/3

Jan 05 2023
Argomenti che tratterai in questa parte Un array è una struttura di dati che rappresenta un elenco di valori. È possibile utilizzare gli array per archiviare e manipolare raccolte ordinate di dati.

Argomenti che tratterai in questa parte

  1. Vettore
  2. Oggetto

Un array è una struttura di dati che rappresenta un elenco di valori. È possibile utilizzare gli array per archiviare e manipolare raccolte ordinate di dati.

Gli array sono definiti utilizzando parentesi quadre e gli elementi dell'array sono separati da virgole. Ecco un esempio di un array in JavaScript:

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

Puoi accedere agli elementi di un array usando il loro indice, che è la posizione dell'elemento nell'array. Gli indici degli array sono in base zero, il che significa che il primo elemento ha un indice pari a 0, il secondo elemento ha un indice pari a 1 e così via.

È possibile accedere agli elementi di un array utilizzando le parentesi quadre e l'indice dell'elemento. Per esempio:

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

Metodi di matrice:

Ecco alcuni esempi di metodi di array comuni:

  • concat(): Il concat()metodo viene utilizzato per unire due o più array in un unico array. Non modifica gli array originali, ma piuttosto crea un nuovo array che contiene gli elementi degli array originali. Per esempio:
  • 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]
    
    

Esistono diversi modi per creare oggetti in JavaScript. Ecco alcuni esempi:

Utilizzo di un oggetto letterale: è possibile creare un oggetto utilizzando un oggetto letterale, che è un elenco di coppie chiave-valore racchiuse tra parentesi graffe. Per esempio:

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"
};

È possibile accedere alle proprietà di un oggetto utilizzando la notazione punto o parentesi. Per esempio:

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(): Il hasOwnProperty()metodo viene utilizzato per verificare se un oggetto ha una proprietà specificata. Restituisce un valore booleano. Per esempio:
  • 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]"