ES6-4.对象扩展

最新推荐文章于 2024-06-19 14:45:15 发布
最新推荐文章于 2024-06-19 14:45:15 发布
阅读量98 收藏
点赞数
分类专栏： JS 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wfy17030212/article/details/125070155
版权

ES6-4.对象扩展

属性的简洁写法

以前写属性和值相同的写法

在这里插入图片描述

现在写属性和值相同的写法

在这里插入图片描述
这里的{top}就等价于{top:'top'},属性名和值都是它

对于对象

在这里插入图片描述
原来使用对象将其打印输出，仅仅只会显示其内容，而不能区分是哪一个对象

在这里插入图片描述
但在使用了属性的简介写法后，能够实现让代码更加简洁清晰

属性名表达式

在之前，我们只能使用一种方法定义对象的属性，也就是.的形式

在这里插入图片描述
在这里插入图片描述
ES6后，可以使用属性表达式作为对象的属性，当然最常见的属性表达式的使用应该是下面这样

在这里插入图片描述
在这里插入图片描述
这里就是循环设置对象的属性名和属性值，只不过这里的属性名是很容易修改的

总结

这里只介绍了常见的对象扩展方法，在深入学习后，会来做相应补充

尖兵果子
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ES6-4.扩展对象的功能性
weixin_46505015的博客
01-28 492
1、对象字面量语法扩展-属性初始值的简写 例如下面的代码，属性初始化如果key值和变量名一直，可以省略不写 <script> // ES5 初始化属性 function createPerson(name , age){ return { name: name, age: age }; } // ES6初始化属
es6系列-扩展运算符（...）
William_fang的博客
05-07 1201
文章目录一.扩展运算符二.最大值案例三.实战运用1.参数序列2.结合div3.函数调用（合并操作 + 相加操作）4.扩展运算符后面可以放置表达式5.与解构赋值结合6.函数的返回值7.扩展运算符可以将字符串转成数组 一.扩展运算符 扩展运算符（spread）：… 作用：它可以将一个数组转为用逗号分隔的参数序列。 总结：不管数字外面有什么符号，全部去掉。 二.最大值案例 <script> function _max(array) { var max=Math.max(...a
ES6--》对象扩展方法
ztK63LrD的博客
09-20 1505
如果对象方法使用取值函数(getter)和存值函数(setter)，需要该方法的属性的描述对象在对象get和set属性上面，返回值是方法名前加上get和set。下面代码中，super.say() 指向原型对象 obj 的say方法，但是绑定的this却还是当前对象obj，因此输出的结果不是hello而是world。和this关键字总是指向函数所在的当前对象一样，ES6新增了另一个类似的关键字super，指向当前对象的原型对象。用于对象的合并，将源对象所有可枚举的属性，复制到目标对象上。
es6 ...扩展运算符的作用及应用
m0_65730686的博客
07-18 385
es6 ...扩展运算符的作用及应用
ES6 - 扩展运算符与Object.assign对象拷贝与合并
世界和我们都不该止步于此
08-11 1848
对于深浅拷贝，大家第一印象就是深拷贝递归，浅拷贝循环// 深拷贝 let obj2 = obj;// 修改obj2 obj2 . a = 100;不难看出我只是修改了拷贝出来的对象，结果原对象的属性也被我修改了，我们不想这样。
es6 扩展运算符...
xy_is_fhh的博客
05-20 246
解构赋值，扩展运算符
记录一下ES6 ... 扩展运算符(对象展开符)的使用
weixin_42125732的博客
04-01 1673
一、扩展运算符（ spread ）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。 例子: console.log(...[1, 2, 3]) // 1 2 3 console.log(1, ...[2, 3, 4], 5) // 1 2 3 4 5 [...document.querySelectorAll('div')] // [<div>, <div>, <div>] 二、合并数组 如下面例子 // ES5 [1, 2,3].c
ES6 --- 对象扩展
wangdan_2013的博客
03-27 182
对象扩展主要从四个方面开展： 1.简洁表示法 2.属性表达式 3.扩展运算符 4.Object新增方法 一、简洁表示法{ // 简洁表示法 let o =1; let k=2; let es5= { o:o, k:k }; let es6={ o, k };
es6-对象扩展（一）
qq_32754575的博客
11-13 528
对象扩展属性简介表达（一）属性名表达式Object.is()Object.assign() 属性简介表达（一） 一句话，对象的属性如果是一个变量，那么值就是这个变量代表的值 let name = 'uzi'; let user = {name}; user // {name: "uzi"} // 对于对象中方法也一样 let test = { tt() {} }; // 等同于 let test...
前端大厂最新面试题-es6.docx
06-06
* ES6中扩展了对象字面量的属性名，可以使用计算属性名。 * ES6中也引入了新的对象方法，例如Object.assign()和Object.is()。 数组 * ES6中引入了新的数组方法，例如Array.of()和Array.prototype.fill()。 * ES6中...
前端大厂最新面试题-ES6面试题.docx
06-06
4. 对象的扩展 * 属性的简写，可以在对象之中直接写变量 * 方法简写，可以省略 function 关键字 * Object.keys() 方法，获取对象的所有属性名或方法名（不包括原形的内容），返回一个数组 * Object.assign() 方法，...
ES6-learning：学习ES6的笔记
02-05
目录 思维导图第一章块级绑定第二章弦和正则表达式第三章函数第四章扩展的对象功能第五章解构：更方便的数据访问第六章符号和符号属性第七章与地图第八章迭代器（Iterator）和生成器（Generator）第九章JavaScript中...
ES6语法规范.docx
08-14
解构赋值是ES6中引入的一种新的赋值方式，它允许从数组或对象中提取值，并将其赋值给变量。 1. 数组解构 let [a, b, c, d] = ["aa", "bb", 77, 88]; console.log(a, b, c, d); //弹出 aa bb 77 88 let [a, b, [c,...
ES6面试题.docx
11-05
“ES6面试题.docx”是一份针对ES6（ECMAScript 2015）的面试题汇总，包含了ES6的基础知识、语法、对象、数组、函数、箭头函数、模块化、Promise等方面的问题。这份文档旨在帮助开发者了解和掌握ES6的常见知识点，...
工具链--nuxt框架 简介（一）
qq_35876316的博客
06-16 382
Nuxt框架是一个基于Vue.js的服务器端渲染（SSR）框架，旨在提供一套完整的前端开发解决方案，帮助开发者构建高性能、可扩展的Web应用。是一个功能强大、易于使用的Web开发框架，适用于多种开发场景和需求。Nuxt框架建立在Vue.js之上，它抽象出了管理异步数据、中间件和路由所涉及的大部分复杂配置。Nuxt不仅继承了Vue.js的所有优点，如易用性、灵活性等，还与Node.js紧密集成，使得开发者可以在项目中轻松地使用Node.js的各种功能。
一个很好用的地图工具的使用：思极地图，以及vue+思极地图的使用
浩星
06-18 407
思极地图，给我们带来了很多便利，这里分享下他的信息与使用。
使用nvm管理nodejs版本，设置淘宝NPM镜像源
最新发布
d312697510的博客
06-19 185
使用nvm管理nodejs版本，设置淘宝NPM镜像源，修改新的镜像源地址
【element 】修改下拉菜单＜el-dropdown样式为横向（超简单）
qq_61798306的博客
06-18 274
【element 】修改下拉菜单
es6语法...和解构
09-01
es6语法中，"..."被称为扩展运算符，可以用于数组或对象的展开操作。在数组中，它可以将数组的元素拆分成单个的值；在对象中，它可以将对象的键值对拆分成单个的属性和值。 解构是一种从数组或对象中提取值并赋给...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值