属性名必须是字符串,非字符串对象不能用来作为一个对象属性的键,任何非字符串对象,包括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. poj3373--Changing Digits(DFS+剪枝///记忆化)

    题目链接:点击打开链接 题目大意:给出一个n和一个k 求m 要求1.m要和n相同的位数 要求2.m要整除k 要求3.如果1和2满足,那么m要和n有尽量少的不同位 要求4.如果1.2.3满足,要使m尽量 ...

  2. 无法加载协定为“NM3.IClrService”的终结点配置部分,因为找到了该协定的多个终结点配置。请按名称指示首选的终结点配置部分

    <binding name="NetTcpBinding_IClrService1" receiveTimeout="00:10:00" sendTime ...

  3. window.location.search 在url中有?name=value时仍为‘’的情况

    1,当页面有hash#值 而?name=value在hash #的串后面将会有这种结果 2,为什么 window.location.search 为空? 答:注意上面的search和hash的区别,如 ...

  4. keras用法

    关于Keras的“层”(Layer) 所有的Keras层对象都有如下方法: layer.get_weights():返回层的权重(numpy array) layer.set_weights(weig ...

  5. Solr中在使用过程中遇到的"与"和"或"的问题

    在进行全文检索的过程中,如果使用三星和手机,两个一块进行搜索的时候,关于三星的会被搜索出来,关于手机的信息也会被搜索出来,然后,需要将一些配置文件进行配置, <!-- DEPRECATED: T ...

  6. SAP基本计量单位更改(转载)

    转载自:http://blog.csdn.net/sapmatinal/article/details/50997819 在SAP中物料创建后,一旦发生业务,其基本计量单位便很难修改.由于单位无法满足 ...

  7. radhat6.6上安装oracle12c RAC (一)

    软件环境:VMware.redhat6.6.oracle12c(linuxx64_12201_database.zip).12cgrid(linuxx64_12201_grid_home.zip) 一 ...

  8. puppeteer实现线上服务器任意区域截图

    整个九月份由于业务繁重以及玩心颇重,一直没有机会来写一篇博文.而且笔者于十月一日将会举办人生大事--婚礼,现在家里筹办过程中只能抽出零碎的时间来写这篇文章. 关于服务端截图,这种使用场景非常少见,大多 ...

  9. Vue/Egg大型项目开发(二)数据库设计

    项目Github地址:前端(https://github.com/14glwu/stuer)后端(https://github.com/14glwu/stuer-server) 项目线上预览:http ...

  10. elasticsearch-mapping字段重要属性

    https://blog.csdn.net/gongpulin/article/details/78705205