四、js对象的基本用法

摘要:
对象定义的无序数据收集对象的创建方法:第一个对象文本letobj={user:'admin',pwd:123456}第二个新运算符和对象构造函数letobj=newObject({user:'admin',pwd:123456})注意:键名是字符串,而不是标识符,可以包含任何字符。引号可以省略。省略后,即使省略了引号,也只能写入标识符Key name或字符串属性name 1
对象

定义

无序的数据集合

对象的创建方法:

第一种 对象字面量
let obj = {user:'admin',pwd:123456}
第二种 new操作符和Object构造函数
let obj = new Object({user:'admin',pwd:123456})

注:键名是字符串,不是标识符,可以包含任意字符,引号可省,省略之后就只能写标识符,就算引号省略了,键名还是字符串

属性名(property)

1.每个 key 都是对象的属性名
2.所有的属性名都会自动变成字符串,如果是数字的话,会先转成10进制数,再转变成字符串
四、js对象的基本用法第1张
3.可以使用变量来做属性名

let key = 'user'
let obj = { key : 'admin'} 这样写,属性名为 'key'
let obj = { [key] : 'admin' } 这样写,属性名为 'user'

不加 [ ] 的属性名会自动变成字符串
加了 [ ] 则会当做变量求值

删除属性

1.使用delete

delete obj.xxx 或 delete obj['xxx']

2.不含属性名

'xxx' in obj === false //凡是对象能访问到的所有属性都返回true,除非真的挖地三尺都没有找到'xxx'属性才会返回false 注:与Object.hasOwnProperty()的区别

3.含有属性名,但是值为 undefined

'xxx' in obj && obj.xxx === undefined

4.注意 obj.xxx === undefined

不能断定 'xxx' 是否为 obj 的属性,因为值可以是undefined

查看所有属性

1.查看自身所有属性

Object.keys(obj)

2.查看自身属性和共有属性

console.dir(obj)

3.判断一个属性是自身的还是共有的

obj.hasOwnProperty('toString') //共有的返回false,自身的返回true

4.查看具体属性

obj['key'] //推荐使用
obj.key

修改或增加属性

1.直接赋值

let obj = {user:'admin'} //user是字符串
obj.user = 'admin'
obj['user'] = 'admin'
obj['us'+'er'] = 'admin'
let key = 'user';obj[key] = 'admin'
let key = 'name';obj.key = 'admin'//错误赋值 因为obj.key 等价于 obj['key']

2.批量赋值

Object.assign(obj,{user:'admin',pwd:123456})

3.修改或增加共有属性

let obj = {},obj2 = {} //共有toString方法
obj.toString = 'xxx' 修改或增加obj的自身属性,对原型上的没有影响
obj2.toString还是在原型上

4.修改或增加原型上的属性

obj.__proto__.toString = 'xxx' //不推荐使用
Object.prototype.toString = 'xxx' //直接从toString的老家Object上修改

5.修改隐藏属性
使用Object.create()创建一个对象时指定原型,默认创建对象时原型是Object
四、js对象的基本用法第2张

免责声明:文章转载自《四、js对象的基本用法》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Flutter -------- BottomNavigationBar 界面切换嵌入式开发之hisilicon---hi3536 处理器简介下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

前后端项目对接流程梳理

  课程目标 掌握一个电商网站从设计到上线的整个过程所涉及的流程 具备独立开发一个前端项目的能力 架构设计 前后端完全分离 分层架构 模块化 技术选型 HTMl CSS JS jQery 辅助工具 Webpack NodeJs NPM Shell 效率工具 Sublime Chrome Charles Git 课程安排 //基础框架的搭建 双平台的...

JS 特性:可选链(?.)

什么是可选链 可选链操作符( ?. )是一个新的js api,允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值是 undefined。与函数调用一起使用时,如果给...

js遍历json数据

先看看json返回的数据结构: 我需要遍历取出bookreno 与 title 加载到页面容器中去 首先我要取到recommendedBookList 字典结构数据,然后遍历反射到相应对象的属性 主方法这样写: $(d.recommendedBookList).each(function(index,item){ //index指下标//item指代对...

JS调用Delphi编写的OCX控件

原文:http://www.mamicode.com/info-detail-471283.html 一、使用Delphi XE2编写OCX控件   生成OCX工程:   1、File-New-Other,在New Items对话框中选择Delphi Projects-ActiveX-ActiveX Library   2、File-New-Ot...

【JS笔记】5.2 Array类型

1. Array引用类型的特点 每一项可以保存任意类型的数据; 数组大小可以动态调整 2.创建数组的方式 方法一:用Array()构造函数 无参数 var colors = new Array();//空数组 自然数参数 var colors = new Array(20);//20用来设置length属性的值,创建一个包含20个undefined的...

require.js

Javascript模块化编程:require.js的用法 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="http://t.zoukankan...