> 웹 프론트엔드 > JS 튜토리얼 > Javascript의 객체 리터럴

Javascript의 객체 리터럴

Mary-Kate Olsen
풀어 주다: 2024-12-30 13:17:08
원래의
645명이 탐색했습니다.

Objetos literais no Javascript

안녕하세요 여러분, 잘 지내시길 바랍니다. 제가 배운 몇 가지 사항은 다음과 같습니다.

리터럴 객체:

var cliente = {
    nome: "Joao da Silva",
    telefone:"69 999999990",
    idade: 29,
    cidade: "Sao Paulo"
};

console.log(cliente);

로그인 후 복사

다른 방법:

var cliente = {
    nome: "Joao da Silva",
    telefone:"69 999999990",
    idade: 29,
    cidade: "Sao Paulo"
};


console.log("nome: "+cliente.nome);
console.log("telefone: "+cliente.telefone);
console.log("idade: "+cliente.idade);
console.log("cidade: "+cliente.cidade);

로그인 후 복사

다른 방법:

var cliente = {
    nome: "Joao da Silva",
    telefone:"69 999999990",
    idade: 29,
    cidade: "Sao Paulo"
};


console.log("Outra forma de acessar as propriedades");
console.log("nome: "+cliente["nome"]);
console.log("telefone: "+cliente["telefone"]);
console.log("idade: "+cliente["idade"]);
console.log("cidade: "+cliente["cidade"]);

로그인 후 복사

다른 방법:

// Definindo um array chamado 'clientes' contendo objetos, onde cada objeto possui 'nome' e 'cidade' como propriedades
var clientes = [
    {nome: "Joao", cidade:"São Paulo"}, // Cliente 1: João que mora em São Paulo
    {nome: "Eduardo", cidade:"Vitória"}, // Cliente 2: Eduardo que mora em Vitória
    {nome: "Antonio", cidade:"São José do Rio Preto"} // Cliente 3: Antonio que mora em São José do Rio Preto
];


// Exibindo as informações do primeiro cliente (João) no console: nome seguido da cidade
console.log(clientes[0].nome + "-"+clientes[0].cidade);


// Exibindo as informações do segundo cliente (Eduardo) no console: nome seguido da cidade
console.log(clientes[1].nome + "-"+clientes[1].cidade);


// Exibindo as informações do terceiro cliente (Antonio) no console: nome seguido da cidade
console.log(clientes[2].nome + "-"+clientes[2].cidade);

로그인 후 복사

반환: Joao-São Paulo
에두아르도-비토리아
안토니오-상 호세 두 리우 프레투

위 내용은 Javascript의 객체 리터럴의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿