MEJOR SITIO PARA DESARROLLADORES WEB

JS Tutorial

JS HOGAR JS Introducción JS A donde JS Producción JS Declaraciones JS Sintaxis JS Comentarios JS Variables JS Let JS Const JS Operadores JS Aritmética JS Asignación JS Tipos de datos JS Funciones JS Objetos JS Propiedades de objetos JS Métodos de objetos JS Visualización de objetos JS Constructores de objetos JS Eventos JS Cadenas JS Métodos de cadena JS Búsqueda de cadenas JS Plantillas de cadenas JS Números JS BigInt JS Métodos numéricos JS Propiedades de los números JS Matrices JS Métodos de matriz JS Búsqueda de matriz JS Clasificación de matrices JS Iteración de matriz JS Array Const JS Fechas JS Formatos de fecha JS Métodos de obtención de fecha JS Métodos de configuración de fechas JS Math JS aleatorio JS Booleanos JS Comparaciones JS If Else JS Switch JS Bucle For JS Bucle For In JS Bucle For Of JS Bucle While JS Break JS Iterables JS Conjuntos JS Métodos de configuración JS Maps JS Métodos de mapas JS Tipo de JS Conversión de tipo JS Desestructuración JS Bitwise JS RegExp JS Precedencia JS Errores JS Alcance JS Hoisting JS Modo estricto JS this palabra clave JS Función de flecha JS Clases JS Módulos JS JSON JS Depuración JS Guía de estilo JS Mejores prácticas JS Errores JS Rendimiento JS Palabras reservadas

JS Versiones

JS Versiones JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS 2024 JS IE / Edge JS Historia

JS Objetos

Definiciones de objetos Prototipos de objetos Métodos de objetos Propiedades de objetos Obtención/configuración de objetos Protección de objetos

JS Funciones

Función Definiciones Función Parámetros Función Invocación Función Llamar Función Aplicar Función Unir Función Cierres

JS Clases

Clase Introducción Clase Herencia Clase Estático

JS Asíncrono

JS Devoluciones de llamada JS Asincrónico JS Promesas JS Async/Await

JS HTML DOM

DOM Introducción DOM Métodos DOM Documento DOM Elementos DOM HTML DOM Formularios DOM CSS DOM Animaciones DOM Eventos DOM Oyente de eventos DOM Navegación DOM Nodos DOM Colecciones DOM Listas de nodos

JS Navegador BOM

JS Ventana JS Pantalla JS Ubicación JS Historia JS Navegador JS Alerta emergente JS Momento JS Cookies

JS Web APIs

Web API Introducción API de formularios web API de historial web API de almacenamiento web API de trabajador web API de recuperación web API de geolocalización web

JS AJAX

AJAX Introducción AJAX XMLHttp AJAX Pedido AJAX Respuesta AJAX XML Archivo AJAX PHP AJAX ASP AJAX Base de datos AJAX Aplicaciones AJAX Ejemplos

JS JSON

JSON Introducción JSON Sintaxis JSON vs XML JSON Tipos de datos JSON Analizar JSON Stringificar JSON Objetos JSON Matrices JSON Servidor JSON PHP JSON HTML JSON JSONP

JS vs jQuery

jQuery Selectores jQuery HTML jQuery CSS jQuery DOM

JS Gráficos

JS Gráficos JS Canvas JS Plotly JS Chart.js JS Google Chart JS D3.js

JS Ejemplos

JS Ejemplos JS HTML DOM JS HTML Input JS HTML Objetos JS HTML Eventos JS Navegador JS Editor JS Ejercicios JS Prueba JS Sitio web JS Programa de estudios JS Plan de estudios JS Preparación para entrevistas JS Bootcamp JS Certificado

JS Referencias

JavaScript Objetos HTML DOM Objetos

JavaScript. W3Schools en español. Lecciones para principiantes

Ua En De Fr

JavaScript Propiedades del objeto

Un objeto es una colección desordenada de propiedades

Las propiedades son la parte más importante de los objetos de JavaScript.

Las propiedades se pueden modificar, agregar, eliminar y algunas son de solo lectura.


Acceso a propiedades de JavaScript

La sintaxis para acceder a las propiedades de un objeto es:

// objectName.property
let age = person.age;

o

//objectName["property"]
let age = person["age"];

o

//objectName[expression]
let age = person[x];

Ejemplos

person.firstname + " is " + person.age + " years old.";
Try it Yourself »
person["firstname"] + " is " + person["age"] + " years old.";
Try it Yourself »
let x = "firstname";
let y = "age";
person[x] + " is " + person[y] + " years old.";
Try it Yourself »

Agregar nuevas propiedades

Puede agregar nuevas propiedades a un objeto existente simplemente asignándole un valor:

Ejemplo

person.nationality = "English";
Try it Yourself »

Eliminación de propiedades

La palabra clave delete elimina una propiedad de un objeto:

Ejemplo

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person.age;
Try it Yourself »

or delete person["age"];

Ejemplo

const person = {
  firstName: "John",
  lastName: "Doe",
  age: 50,
  eyeColor: "blue"
};

delete person["age"];
Try it Yourself »

Nota:

La palabra clave delete elimina tanto el valor de la propiedad como la propiedad misma.

Después de la eliminación, la propiedad no se puede utilizar hasta que se vuelva a agregar.


Objetos anidados

Los valores de propiedad de un objeto pueden ser otros objetos:

Ejemplo

myObj = {
  name:"John",
  age:30,
  myCars: {
    car1:"Ford",
    car2:"BMW",
    car3:"Fiat"
  }
}

Puede acceder a objetos anidados utilizando la notación de puntos o la notación de corchetes:

Ejemplos

myObj.myCars.car2;
Try it Yourself »
myObj.myCars["car2"];
Try it Yourself »
myObj["myCars"]["car2"];
Try it Yourself »
let p1 = "myCars";
let p2 = "car2";
myObj[p1][p2];
Try it Yourself »

Referencia completa de objetos

Para obtener una referencia completa, visite:

Referencia completa de objetos de JavaScript.

La referencia contiene descripciones y ejemplos de todas las propiedades y métodos de los objetos.