ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript のオブジェクト リテラル

JavaScript のオブジェクト リテラル

Mary-Kate Olsen
リリース: 2024-12-30 13:17:08
オリジナル
626 人が閲覧しました

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);

ログイン後にコピー

これはジョアンサンパウロを返します
エドゥアルド・ビトリア
アントニオ サン ジョゼ ド リオ プレト

以上がJavaScript のオブジェクト リテラルの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:dev.to
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート