登录
首页 >  文章 >  前端

JavaScript 中的对象字面量

来源:dev.to

时间:2024-12-29 16:12:48 318浏览 收藏

“纵有疾风来,人生不言弃”,这句话送给正在学习文章的朋友们,也希望在阅读本文《JavaScript 中的对象字面量》后,能够真的帮助到大家。我也会在后续的文章中,陆续更新文章相关的技术文章,有好的建议欢迎大家在评论留言,非常感谢!

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 中的对象字面量》的介绍应该让你收获多多了吧!欢迎大家收藏或分享给更多需要学习的朋友吧~golang学习网公众号也会发布文章相关知识,快来关注吧!

声明:本文转载于:dev.to 如有侵犯,请联系study_golang@163.com删除
相关阅读
更多>
最新阅读
更多>
课程推荐
更多>