首页 > 软件开发 > JavaScript >

如何使用ES6简化对象中的key和value构成

来源:互联网 2023-03-16 23:58:13 313

在ES6中,可以将字符串作为对象的值,直接使用变量名:变量值;可以将参数直接放到对象中,只需要写一次key(key和value同名);还可以直接将参数作为函数方法返回值的一部分,如果对象中的key和value名称一样,可以只写一个。下面利用一个实例说明,操作如下:5gJ办公区 - 实用经验教程分享!

如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

工具/原料

  • ES6
  • JavaScript
  • HTML5
  • HBuilder
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,定义一个字符串变量a并赋值,然后定义两个对象变量,使用变量a进行赋值,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 2

    第二步,定义一个函数func,传入三个参数name、age和sex,并使用这三个参数组合成一个对象,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 3

    第三步,在对象zh中定义一个方法findUser,并传入一个参数name,返回由这个参数组成的字符串,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 4

    第四步,定义四个字符串变量,然后将其给User对象,并在User对象中添加一个方法,打印结果,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 5

    第五步,对象中的key可以使用字符串拼接,给对象中的属性赋值,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 5该信息未经许可获取自百度经验
  • 6

    第六步,定义一个字符串变量fruit并赋值,然后使用中括号对对象添加属性,如下图所示:5gJ办公区 - 实用经验教程分享!

    如何使用ES6简化对象中的key和value构成5gJ办公区 - 实用经验教程分享!

  • 注意事项

    • 注意对象中的同名key和value进行简化
    • 注意对象中的属性可以进行拼接

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!5gJ办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码