Javascript para principiantes Parte 3/3

Jan 05 2023
Temas que cubrirá en esta parte Una matriz es una estructura de datos que representa una lista de valores. Puede usar matrices para almacenar y manipular colecciones ordenadas de datos.

Temas que cubrirá en esta parte

  1. Formación
  2. Objeto

Una matriz es una estructura de datos que representa una lista de valores. Puede usar matrices para almacenar y manipular colecciones ordenadas de datos.

Las matrices se definen mediante corchetes y los elementos de la matriz se separan con comas. Aquí hay un ejemplo de una matriz en JavaScript:

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

Puede acceder a los elementos de una matriz utilizando su índice, que es la posición del elemento en la matriz. Los índices de matriz se basan en cero, lo que significa que el primer elemento tiene un índice de 0, el segundo elemento tiene un índice de 1, y así sucesivamente.

Puede acceder a los elementos de una matriz utilizando corchetes y el índice del elemento. Por ejemplo:

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

Métodos de matriz:

Estos son algunos ejemplos de métodos de matriz comunes:

  • concat(): el concat()método se utiliza para fusionar dos o más matrices en una sola matriz. No modifica los arreglos originales, sino que crea un nuevo arreglo que contiene los elementos de los arreglos originales. Por ejemplo:
  • 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]
    
    

Hay varias formas de crear objetos en JavaScript. Aquí están algunos ejemplos:

Usando un objeto literal: puede crear un objeto usando un objeto literal, que es una lista de pares clave-valor entre llaves. Por ejemplo:

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

Puede acceder a las propiedades de un objeto utilizando la notación de puntos o la notación de corchetes. Por ejemplo:

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(): El hasOwnProperty()método se utiliza para comprobar si un objeto tiene una propiedad específica. Devuelve un valor booleano. Por ejemplo:
  • 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]"