Lära Objekt | Sektion

Svep för att visa menyn

Objekt är en grundläggande funktion i JavaScript som låter dig gruppera relaterad data och värden tillsammans. Ett objekt är en samling egenskaper, där varje egenskap har ett namn (kallat en nyckel) och ett värde.

Denna nyckel-värde-struktur gör objekt idealiska för att representera verkliga entiteter och organisera information på ett flexibelt sätt. Du definierar ett objekt med hjälp av klamrar {} och varje egenskap skrivs som ett par: nyckeln (som en sträng eller identifierare), följt av ett kolon och sedan värdet. Flera egenskaper separeras med kommatecken.


              12345678
            
// Creating an object to represent a user profile
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

Du kan komma åt egenskaperna hos ett objekt med antingen punktnotation eller hakparentesnotation. Till exempel ger userProfile.username värdet "coder123".


              12345678910111213
            
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

// Accessing object properties using dot notation
console.log(userProfile.username); // Dot notation

// Accessing object properties using bracket notation
console.log(userProfile["email"]); // Bracket notation

För att uppdatera en egenskap tilldelas helt enkelt ett nytt värde: userProfile.age = 29;. För att lägga till en ny egenskap, tilldela den: userProfile.location = "New York";.


              123456789101112131415
            
const userProfile = {
  username: "coder123",
  age: 28,
  email: "coder123@example.com",
  isActive: true
};
console.log(JSON.stringify(userProfile));

// Update the existing 'age' property
userProfile.age = 29;

// Add a new 'location' property
userProfile.location = "New York";

console.log(JSON.stringify(userProfile));

Objekt låter dig organisera relaterad data under en enda variabel, vilket gör din kod mer läsbar och lättare att underhålla.

Var allt tydligt?

Tack för dina kommentarer!

Avsnitt 1. Kapitel 15

Fråga AI

Fråga vad du vill eller prova någon av de föreslagna frågorna för att starta vårt samtal

Avsnitt 1. Kapitel 15