HomeLập trìnhJavaScriptObjetos en JavaScript:...

Objetos en JavaScript: Una guía para principiantes



Bản gốc Artículo: Các đối tượng trong JavaScript – Hướng dẫn cho người mới bắt đầu bởi Damilola Oladele


Traducido bởi: Vanessa Pineiro Morales

Nếu khai báo các biến khác nhau cho người chứa các giá trị khác nhau, điều này có thể xảy ra rằng chương trình của bạn sẽ vuelva giải nén và torpe.

Ví dụ, nếu cần thiết phải có cả ba đặc điểm của một cá nhân cho 10 cá nhân, thì 30 biến số được tuyên bố là cá nhân có thể làm giảm khả năng tổ chức của chương trình.

Así que necesitas a format de agrupar valores con características similares para que su có kỹ năng rõ ràng hơn. Và trong JavaScript, các mục chức năng có thể được sử dụng để đề xuất.

Một sự khác biệt của các loại dữ liệu khác nhau, các đối tượng có thể có các giá trị tổng hợp hàng năm. Debido a esto, JavaScript phụ thuộc vào phương tiện lớn nhất. Vì điều quan trọng là sự quen thuộc với nó là một đối tượng, nên bạn có thể tạo ra một cái gì đó và có thể có thể sử dụng trước các khoản đầu tư sâu hơn của JavaScript.

Đây là nghệ thuật trình bày các khái niệm quảng cáo của các đối tượng, các đối tượng gốc, các phương pháp khác nhau để tạo các đối tượng, có nhiều bản sao đối tượng và có nhiều lần lặp lại để tạo ra một đối tượng.

Để được phê duyệt gần đây nhất là một bài viết, hãy đề cập đến một công thức JavaScript mới, đặc biệt là các biến, chức năng và mẹo dữ liệu.

¿Qué son los objetos trong JavaScript?

Một phản đối là một tipo de datas que puede bao gồm các bộ sưu tập của pares clave-valor.

Một sự khác biệt quan trọng đối với một đối tượng và các loại dữ liệu khác nhau, giống như số lần và số trong JavaScript, điều đó có nghĩa là một đối tượng có thể có niên đại khác nhau về các loại dữ liệu giống như giá trị của chúng. Por otro lado, los tipos de datatos primitivos como numberer y cadenas pueden almacenar solo numberes y cadenas, tương ứng, como sus valores.

La clave, también conocida como nombre de propiedad, suele ser una cadena. Nếu bạn sử dụng tất cả các loại dữ liệu có thể là chủ sở hữu không có cadenas, bạn sẽ chuyển đổi thành một cadena.

Bạn có thể trực quan hóa một đối tượng có thể là một trong những cách sử dụng đa dạng mà contiene đặc biệt dành cho các thiết bị và đồ trang trí của chúng tôi, vì nó giống như một không gian đặc biệt dành cho các thư viện và kho lưu trữ.

kệ1-2
Un estante con varios artículos en él.

La característica more reconocible de un objeto son los corchetes que contienen el clave-valor.

const objetoVacio = {};
console.log(typeof objetoVacio); //'object'

Nội dung của một đối tượng có thể bao gồm các biến, chức năng hoặc ambos. Các biến que se encuentran en los objetos son propiedades, mientras que las funciones son method. Các phương pháp cho phép các đối tượng sử dụng las propiedades dentro de ellos para realizar algún tipo de acción.

Ví dụ, en el codigo de muestra a continuación, objeto1.usuario, objeto1.nacionalidad y objeto1.profesion con trai propiedades de đối tượng1 mientra que objeto1.miBiografia() là một phương pháp:

const objeto1 = {
  usuario: "Alex",
  nacionalidad: "Nigeria",
  profesion: "Ingeniero de Software",
  miBiografia() {
    console.log(
      `Mi nombre es ${this.usuario}. Soy un ${this.profesion} de ${this.nacionalidad}`
    );
  },
};
console.log(objeto1.usuario); // Alex
console.log(objeto1.nacionalidad); // Nigeria
console.log(objeto1.profesion); // Ingeniero de Software
console.log(objeto1.miBiografia()); // Mi nombre es Alex. Soy un Ingeniero de Software de Nigeria

Las claves en el código de muestra con trai trước sử dụng, dân tộc y nghề nghiệp, mientras que sus valores son los valores de cadena que vienen después de los dos puntos. Además, observa el uso de la palabra clave cái này. la vòm miệng cái này Simplemente se referiere al objeto en sí.

Đọc thêm  Phương thức mảng JavaScript – Cách sử dụng every() và some() trong JS

Khi được đề cập trước trong một tác phẩm nghệ thuật, giá trị của một người được đề xuất có thể trở nên khó khăn hơn đối với các loại dữ liệu. En el siguiente codigo de ejemplo, los valores son
arreglos và đối tượng:

 const objeto2 = {
  usuario: ["Alex", "James", "Mohammed"],
  profesión: {
    alex: "Ingeniero de Software",
    james: "Abogado",
    mohammed: "Escritor técnico",
  },
};
console.log(objeto2.usuario); // ['Alex', 'James', 'Mohammed']
console.log(objeto2.profesión); // {alex: "Ingeniero de Software", james: "Abogado", mohammed: "Escritor técnico"}

Có thêm các đối tượng và tạo mới hỗ trợ các phương thức đối tượng trong JavaScript

Hay dos formas de acceder a los objetos: notación de puntos y notación de corchetes. En el codigo de muestra anterior, usamos la notación de puntos para acceder a las propiedades y method en el đối tượng1 bạn đối tượng2.

Ngoài ra, để tạo ra các đề xuất mới và phương pháp mô tả tuyên bố của một đối tượng, bạn có thể sử dụng công cụ ghi chú puntos hoặc ghi chú đạn pháo. Solo tienes que indicar la nueva propiedad y darle un valor.

Ví dụ, podemos agregar nuevas propiedades a đối tượng2 chế độ này:

objeto2.edad = [30, 32, 40];
objeto2["resumen"] = `Objeto2 tiene ${objeto2.usuario.length} usuarios`;
console.log(objeto2);
/*
{
    "usuario": [
        "Alex",
        "James",
        "Mohammed"
    ],
    "profesion": {
        "alex": "Ingeniero de Software",
        "james": "Abogado",
        "mohammed": "Escritor técnico"
    },
    "edad": [
        30,
        32,
        40
    ],
    "resumen": "Objeto2 tiene 3 usuarios"
}
*/

Cách thức tương tự, có thể sử dụng thông báo của người dùng để cambiar el valor de un objeto:

objeto2.usuario = ["jane", "Williams", "John"];
objeto2["edad"] = [20, 25, 29];
console.log(objeto2.usuario); //['jane', 'Williams', 'John']
console.log(objeto2.edad); //[20, 25, 29]

Một lần ghi chú của puntos là cách sử dụng nhiều hơn để gia nhập các phương tiện và phương pháp của một đối tượng, ngoài ra còn có các giới hạn. Veámoslos ahora.

Không có puedes usar valores como nombres de propiedades con notación de puntos

Nếu muốn sử dụng valor de un variable como nombre de propiedad en su object, debes utilizar la notación de corchetes y no la notación de puntos. Giá trị của biến số sẽ xác định thời gian phóng ra hoặc không có gì không liên quan.

Thời gian đẩy ra là một giả định của một chương trình máy tính và đó là chương trình sẽ đưa ra một hệ thống máy tính.

Ví dụ:

const objeto3 = {};
const aparato = prompt("ingresa un tipo de aparato");
objeto3[aparato] = ["jbl", "sony"];
console.log(objeto3); // (respuesta ingresada en el prompt): ["jbl","sony"] observa que el nombre de la propiedad es el valor que ingresa en la respuesta al mensaje del prompt

Si định nghĩa giá trị của biến trong su código, y usas la notación de puntos para establecer ese valor como un nombre de propiedad de su objeto, la notación de puntos creará a nueva propiedad with the nombre de el variable en lugar del valor de el Biến đổi.

const computadora = "marcas";
objeto3.computadora = ["hp", "dell", "apple"];
console.log(objeto3.marcas); // undefined
console.log(objeto3.computadora); // ['hp', 'dell', 'apple']

objeto3[computadora] = ["hp", "dell", "apple"];
console.log(objeto3.marcas); // ['hp', 'dell', 'apple']

Nota la omisión de comillas intro de los corchetes. Esto se debe a que los paréntesis tomaron un variable.

Không có cách nào để sử dụng các giá đỡ khác nhau của palabras với notación de puntos

Vì tên của propiedad là một nhịp điệu khác nhau của palabras, notación de puntos là không đủ. Ví dụ:

objeto3.usuario altura = [5.6, 5.4, 6.0];
Console.log(objeto3.usuario altura); //SyntaxError

Tạo lỗi sintaxis bằng cách sử dụng JavaScript như một lệnh objeto3.usuariopero no reconoce la altura de la cadena, entonces devuelve un error de sintaxis.

Khi sử dụng công cụ ghi chú puntos để truy cập vào một đối tượng, hãy áp dụng quy tắc khai báo biến một biến. Esto significa que si deseas utilizar la notación de puntos para acceder a un objeto o crear una propiedad, el nombre de la propiedad no debe comenzar con un number, no debe incluir espacios y solo puede incluir los caracteres speciales $ y_.

Đọc thêm  Cách hiểu từ khóa này và ngữ cảnh trong JavaScript

Để thoát khỏi loại lỗi này, hãy sử dụng thông báo của corchetes. Ví dụ, puedes Corregir el código de muestra anterior de esta manera:

objeto3["usuario altura"] = [5.6, 5.4, 6.0];  
console.log(objeto3["usuario altura"]); //[5.6, 5.4, 6]

Có khả năng tạo đối tượng với hàm tạo đối tượng trong JavaScript

Hay dos method por cuál puedes crear un objeto: một objeto theo nghĩa đen và là người xây dựng các objetos. Các đối tượng sử dụng hasta ahora como ejemplos en este artículo son objetos literales. Objetos literales funcionan bien si deseas crear un solo objeto.

Pero si deseas crear more de a objeto, siempre es mejor el the constructor de objetos. Esto le allowe evitar repeticiones innecesarias en su havedigo y también facilita cambiar las propiedades de su objeto.

Básicamente, los constructores son funciones cuyos nombres suelen estar en mayúsculas. El uso de mayúsculas en el nombre de un constructor no tiene ningún efico en el objeto. Nó chỉ là một phương tiện nhận dạng.

Các phương pháp sử dụng hàm tạo để tạo ra một đối tượng mới được gọi là hàm tạo với palabra clave Mới. la vòm miệng Mới creará una instancia de un objeto y vinculará la palabra clave cái này tất cả các đối tượng mới.

Como se mencionó anteriormente en este artículo, la palabra clave cái này es una referenceencia al objeto en sí.

Một ví dụ về hàm tạo của các đối tượng là:

function Perfil(nombre, edad, nacionalidad) {
  this.nombre = nombre;
  this.edad = edad;
  this.nacionalidad = nacionalidad;
  this.biografia = function () {
    console.log(
      `Mi nombre es ${this.nombre}. Tengo ${this.edad} años de edad. Soy de ${this.nacionalidad}.`
    );
  };
}

const oladele = new Perfil("Oladele", 50, "Nigeria");
console.log(oladele.biografia()); // Mi nombre es Oladele. Tengo 50 años de edad. soy de Nigeria.

Tạo bản sao đối tượng bằng JavaScript

Một sự khác biệt giữa các mẹo dữ liệu ban đầu, giống như các chuỗi và số, là ký hiệu của một đối tượng tồn tại một biến otro không tạo ra một bản sao của Trung Quốc gốc và một tài liệu tham khảo và một bản ghi nhớ.

Ý nghĩa của nó là nó có thể là một đối tượng ban đầu giống như những đối tượng sau này tạo ra những sáng tạo được chỉ định cho đối tượng ban đầu giống như một giá trị có giá trị tham chiếu đến yếu tố sai lầm trong ký ức.

Điều quan trọng nhất là cambio en el valor de cualquiera de los objetos también provocará un cambio en los demás. Ví dụ:

let x = 10;
let y = x;
x = 20;
console.log(x); // 20
console.log(y); // 10

let objeto4 = {
  nombre: "Alex",
  edad: 40,
};
let objeto5 = objeto4;
console.log(objeto5); // {nombre: 'Alex', edad: 40}
objeto4.nombre = "Jane";
console.log(objeto5); // {nombre: 'Jane', edad: 40}
console.log(objeto4 === objeto5); // true

Để tạo một bản sao của một đối tượng, bạn có thể sử dụng người vận hành tuyên truyền.

¿Qué es el nhà điều hành tuyên truyền?

Người điều hành tuyên truyền là người đại diện cho ba điểm ... . Các phương pháp sử dụng bộ vận hành tuyên truyền để sao chép các giá trị của dữ liệu có thể lặp lại bao gồm các đối tượng.

Un iterable is un objeto que se puede repetir o iterar con la ayuda de un for…bucle. Các ejemplos de iterables bao gồm objetos, arreglos, conjuntos, cadenas, v.v.

Đối với việc sử dụng người điều hành tuyên truyền, họ đã phản đối việc sao chép. Ví dụ:

let objeto6 = {...objeto5}; 
objeto5.nombre = "Willaims"; 
console.log(objeto5); //{nombre: 'Willaims', edad: 40}
console.log(objeto6); //{nombre: 'Jane', edad: 40}
console.log(objeto5 === objeto6); //false

Như một phiên bản khác, một sự khác biệt của ejemplo de código anterior, donde un cambio en el đối tượng4 gây ra một cambio en el đối tượng5el cambio en el đối tượng6 no resultó en un cambio en el đối tượng5.

Sử dụng phương thức Object.assign()

phương pháp Object.assign() copy todas las propiedades enumerables de un object en otro y luego devuelve el objeto modificado.

El methodo toma dos parametros. El primer parámetro is el objeto de destino que toma las propiedades copyian. Các tham số thứ hai là đối tượng ban đầu mà người tiên phong là người sao chép muốn sao chép. Ví dụ :

let objeto7  = Object.assign({}, objeto6); 
console.log(objeto7); //{nombre: 'Jane', edad: 40}
console.log(objeto7); //{nombre: 'Jane', edad: 40}

console.log(objeto6 === objeto7); //false
objeto6.edad = 60
console.log(objeto6); //{nombre: 'Jane', edad: 60}
console.log(objeto7); //{nombre: 'Jane', edad: 40}

Puedes ver en el código de ejemplo anterior que un cambio en el valor de la propiedad de edad xóa đối tượng6 no provocó un cambio en el valor de la propiedad de edad xóa đối tượng7.

Đọc thêm  Cách sử dụng JavaScript Math.random() làm Trình tạo số ngẫu nhiên

Ten en cuenta que tanto el operador de propagación como el method Object.assign() solo pueden hacer una copy hời hợt de un objeto.

Điều quan trọng nhất là bạn phải đối mặt với các đối tượng hoặc các đối tượng sâu sắc có nguồn gốc từ đối tượng ban đầu, tham khảo một mình hai đối tượng sẽ sao chụp và đối tượng đích. Entonces, một cambio en el valor de cualquiera de los objetos profundamente anidados provocaría un cambio en el valor del objeto profundamente anidado del otro. Ví dụ:

let objetoX = {
  nombre: "Mary",
  edad: 40,
  aparato: {
    marca: ["apple", "sony"],
  },
};

let objetoY = { ...objetoX };
objetoY.nombre = "Bianca";
objetoY.aparato.marca[0] = "hp";
console.log(objetoX);
/*
{
    "nombre": "Mary",
    "edad": 40,
    "aparato": {
        "marca": [
            "hp",
            "sony"
        ]
    }
}
*/

console.log(objetoY);
/*
{
    "nombre": "Bianca",
    "edad": 40,
    "aparato": {
        "marca": [
            "hp",
            "sony"
        ]
    }
}
*/

El havedigo de muestra anterior realizó las siguientes acciones:

  1. Creó un objeto llamado phản đốioX.
  2. Le dio tres propiedades al đối tượngX: nombre, edad y aparato.
  3. Le dio a la propiedad de tách biệt xóa đối tượngX một đối tượng có giá trị.
  4. Le dio al valor de objeto de la propiedad de tách biệt một propiedad de nhãn hiệu.
  5. Le dio a la propiedad de nhãn hiệu un arreglo como su valor.
  6. Copio las propiedades del đối tượngX en el phản đốiY với việc sử dụng người vận hành tuyên truyền.
  7. Cambió el valor de la propiedad de quý tộc xóa phản đốiY một ma-ri-a.
  8. Cambió el primer elemento en el valor de el arreglo de la propiedad de la nhãn hiệu de táo một hp.

En el theredigo de muestra, el valor de el arreglo es un objeto deep anidado. Observa que un cambio en el valor de la propiedad de quý tộc xóa phản đốiY no provocó un cambio en el valor de la propiedad de quý tộc xóa đối tượngX. Pero un cambio en el objeto profundamente anidado del phản đốiY provocó một cambio tương tự en el objeto profundamente anidado del đối tượngX.

Iterar Sobre Objetos en JavaScript

Sử dụng unbucle tại para iterar sobre un objeto and selectar sus propiedades. La sintaxis del bucle tại đó là điều cần thiết:

for(let llave in objeto) {
    //realizar acción(es) para cada llave
}

la vòm miệng trẻ con en el sintaxis anterior es un parámetro para las propiedades. Así que puedes reemplazarlo con cualquier palabra de tu bầu cử. Reemplace la palabra clave del objeto con el nombre del objeto sobre el que desea iterar. Ví dụ:

let objetoZ = {
  nombre: "Ade",
  Pronombre: "el",
  edad: 60,
};
for (let propiedad in objetoZ) {
  console.log(`${propiedad}: ${objetoZ[propiedad]}`);
}
/* 
nombre: Ade
Pronombre: he
edad: 60
*/

Quan sát cách sử dụng ghi chú của vỏ đạn và khóa để thu được giá trị của sản phẩm. El uso de la notación de puntos en lugar de la notación de corchetes devolvería undefined.

Phần kết luận

Trong JavaScript, các đối tượng có thể là loại dữ liệu quan trọng nhất. Các khái niệm về chương trình giống như một chương trình định hướng cho một đối tượng có chức năng sau đó là nguyên tắc chứng minh tính linh hoạt của các đối tượng để các đối tượng có giá trị cao hoàn chỉnh và có khả năng phân biệt khả năng tương tác giữa các sản phẩm và phương pháp trong đối tượng.

Đây là nghệ thuật ổn định một cơ sở duy nhất để biên soạn các khái niệm có thể giúp bạn giải thích các khái niệm quảng cáo của các đối tượng.



Zik.vn – Biên dịch & Biên soạn Lại

spot_img

Create a website from scratch

Just drag and drop elements in a page to get started with Newspaper Theme.

Buy Now ⟶

Bài viết liên quang

DMCA.com Protection Status