属性名必须是字符串,非字符串对象不能用来作为一个对象属性的键,任何非字符串对象,包括number,可通过toString()方法,类型转换成一个字符串
1 1,Object基本格式
<script type="text/javascript">
var o = {};
var o = {a:'foo',b:42,c:{}}
console.log(o)

</script>
2,Object基本格式
<script type="text/javascript">
var a = 'foo',
b = 42,
c = {};
var o = {
a: a,
b: b,
c: c
}
console.log(o)

</script>

1 3,Object中的[]不明白
2 <script type="text/javascript">
3 var prop = 'foo';
4 var o = {
5 [prop]:'Hello',
6 ['b'+'ar']:'World'
7 }
8 console.log(o)

</script>
4,Object对象属性的访问
<script type="text/javascript">
let obj = {
foo:"bar",
age:42,
baz:{myProp:12},
}
// 创建对象后,可以读取或者修改它。对象属性可以用下标小圆点标记或者方括号标记访问。 object.property object['property']
console.log(obj.foo)
console.log(obj['foo'])
obj.foo = "baz"; // 修改 对象属性的值
console.log(obj)

</script>
5,Object对象与JSON的区别
JSON只允许 "property":value 形式的属性定义。属性名必须用双引号括起来。
Date等对象,经JSON.parse()处理后,会变成字符串
JSON.parse()不会处理计算的属性名。
6,Object对象里面的 ... 与Object.assign()
<script type="text/javascript"> var obj1 = {foo:'bar',x:42};
var obj2 = {foo:'baz',y:13};
var clonedObj = {...obj1};
        console.log(clonedObj)
var mergedObj = {...obj1,...obj2}
console.log(mergedObj)
</script>
7,Object.assign(target,sources)   
<script type="text/javascript">
// Object.assign() 方法用于将所有可枚兴属性的值从一个或多个源对象复制到目标对象,它将返回目标对象
// Object.assign(target,...sources) target 目标对象 sources 源对象
const object1 = {
a:1,
b:2,
c:3
};
const object2 = Object.assign({c:4,d:5},object1)
console.log(object2.c,object2.d) // 如果目标对象中的属性具有相同的键,则属性将被源中的属性覆盖。


console.log(object2)

</script>


 

  

 

js里面的Object基本的更多相关文章

  1. QVariant(相当于是Java里面的Object,起到一个数据类型“擦除”的作用,可以使用Q_DECLARE_METATYPE进行注册)

    =QVariant= [%这个类型相当于是Java里面的Object,它把绝大多数Qt提供的数据类型都封装起来,起到一个数据类型“擦除”的作用.比如我们的 table单元格可以是string,也可以是 ...

  2. QVariant(相当于是Java里面的Object,是万能的容器,但要注册)

    这个类型相当于是Java里面的Object,它把绝大多数Qt提供的数据类型都封装起来,起到一个数据类型“擦除”的作用.比如我们的 table单元格可以是string,也可以是int,也可以是一个颜色值 ...

  3. 深入理解js里面的this

    闲聊两句(可以忽略): 毕业有半年了,时间还过得真快,不过还好,感觉自己相对于刚毕业那会确实成长了很多:好久没有打游戏了(自己决心要戒掉的),消磨时光的时候就看看电影或者追追电视剧,再无聊就洗洗衣服. ...

  4. 转 node.js里面的http模块深入理解

    问题1:HTTP服务继承了TCP服务模型,是从connection为单位的服务到以request为单位的服务的封装,那么request事件何时触发? 注意:在开启keepalive后,一个TCP会话可 ...

  5. 关于common.js里面的module.exports与es6的export default的思考总结

    背景 公司项目需要裁切功能,基于第三方图片裁切组件vue-cropper(0.4.0版本),封装了图片裁切组件(picture-cut)(放在公司内部组件库,仅限于公司内部使用) 在vue-cropp ...

  6. 如何才能通俗易懂的解释js里面的‘闭包’?

    1. "闭包就是跨作用域访问变量." [示例一] var name = 'wangxi' function user () { // var name = 'wangxi' fun ...

  7. JS里面的call, apply以及bind

    参考了这篇文章:http://www.tuicool.com/articles/EVF3Eb 给几个例子 function add(a,b) { alert(a+b); } function sub( ...

  8. js 里面的 function 与 Function

    function 是 js 的标识符 Function 是 js 里面的一个 构造函数 1.new function 与 new Function 的区别 new 运算符在 js 里面是 创建一个自定 ...

  9. js里面的 InttoStr 和 StrtoInt

    javascript 字符串 和 数字的转换,话说好灵活,感觉回不去pascal了 int转换string: 1,var str=String(int); 2,num.toString(param) ...

随机推荐

  1. laravel 自动加载 自定义的文件/辅助函数

    需求 在 laravel 中自定义了一些 辅助函数,想要laravel框架自动加载这些函数 实现 将自定义的辅助函数放在helpers.php文件中,如下: 在compsoer.json 的 auto ...

  2. 2018-2019-2 20165316 《网络对抗技术》Exp1 PC平台逆向破解

    2018-2019-2 20165316 <网络对抗技术>Exp1 PC平台逆向破解 1 逆向及Bof基础实践说明 1.1 实践目标 本次实践的对象是一个名为pwn1的linux可执行文件 ...

  3. h5页面在ios机上禁止长按复制

    (注意,增加之后需要对input的另外设置,不然输入框无法输入)场景:H5出现一个按钮需要长按几秒展示动画的,如:skcs.net-tactic.com/wap/peace/index,这时就需要用到 ...

  4. console.log在IE浏览器中会有异常

    因为在IE浏览器无此方法,故此重写 方法一: var console = console || { log: function () { return false; } }; 方法二:window.c ...

  5. B/S架构图解

  6. 获取某个元素第一次出现在数组(json数组)的索引

    function firstIndex(arr, text) { // 若元素不存在在数组中返回-1 let firstVal = -1; for (let i = 0; i < arr.len ...

  7. Ruby学习笔记之升级ruby的版本

    升级ruby版本,有时候安装ruby的版本过低,需要进行升级,例如安装在centos6.7安装fpm需要ruby版本在1.9以上. 0x00 主机环境如下 [root@test ~]# cat /et ...

  8. 3、SpringBoot 集成Storm wordcount

    WordCountBolt public class WordCountBolt extends BaseBasicBolt { private Map<String,Integer> c ...

  9. github收藏夹

    技术面试必备基础知识 https://github.com/CyC2018/CS-Notes 程序员简历模板列表 https://github.com/geekcompany/ResumeSample ...

  10. 算法(第四版)C# 习题题解——2.1

    写在前面 整个项目都托管在了 Github 上:https://github.com/ikesnowy/Algorithms-4th-Edition-in-Csharp 这一节内容可能会用到的库文件有 ...