js判断对象是否为空对象_js对象
七种数据类型 number string bool symbol undefined null object
五个Falsy 值 undefined null 0 NaN ''
对象 object
第七种数据类型,唯一一种复杂类型
- 定义
- 无序的数据租户
- 键值对的集合
- 写法
- let obj = {'name':'frank','age':18}
- let obj = new Object({'name:'frank'})
- console.log({'name':'frank','age':18})
细节
- 键名是字符串,不是标识符,可以包含任意字符 (没有数字键名,没有数字下标)
var obj ={'':1
}
obj
{"":1}
var obj = {2:'222222'
}
Object.key(obj) // 打印出键名
["2"]
- 引号可以省略,省略之后就只能写标识符
- 就算引号省略了,键名也还是字符串(重要)
属性名:每个key都是对象的属性名(property)
属性值:每个value都是对象的属性值
奇怪的属性名
- 所有的属性名会自动变成字符串
let obj ={
1:'a',
3.2:'b',
1e2:'true'
1e-2:true,
.234:true,
0xFF:true
};
Object.key(obj)
=>["1","100","255","3.2","0.01","0.234"]
- 细节
- Object.key(obj)key得到obj的所有key
变量作属性名
- 如何用变量做属性名
- 之前都是用常量做属性名
- let p1 ='name'
- let obj ={p1:'frank'}这样写,属性名为'p1'
- let obj={[p1]:'frank'}这样写,属性名为'name'
var obj ={{a}:1111
}obj
{xxx:1111}
- 对比
- 不加[]的属性名会自动变成字符串
- 加了[]则会当做变量求值
- 值如果不是字符串,则会自动变成字符串
对象的隐藏属性
- 隐藏属性
- js中的每一个对象都有一个隐藏属性
- 这个隐藏属性储存着其共有属性组成的对象的地址
- 这个公有属性组成的对象叫做原型
- 也就是说,隐藏属性存储着原型地址(公有属性)
代码示例
- var obj ={}
- obj.toString()// 居然不报错
- 因为obj的隐藏属性对应的对象上有toString()
对象的增删改查
删除属性
- delete http://obj.xxx或 dele obj['xxx'] (删除属性名)
- 即可删除obj的xxx属性
- 请区分 属性值为undefined 和 不含属性名
var obj ={name:'frank',age:18}
obj.name = undefined
obj
{name:undefined,age:18}
delete obj.name
true
obj
{age:18}
- 不含属性名
- 'xxx' in obj === false (注意要加单引号)
- 含有属性名,但是值为 undefined
- 'xxx' in obj && obj.xxx === undefined
- 注意 obj.xxx === undefined
- 不能断定 'xxx'是否为obj的属性
- 类比
- 你有没有卫生纸
- A:你有没有卫生纸?//不含属性名
- B:有,但是没带//含有属性名,但是值为 undefined
查看所有的属性(读属性)
- 查看自身所有属性
- Object.keys(obj) Object.values(obj)只想知道值 Object.entries(obj) 知道key 和value
- 查看自身+共有属性
- console.dir(obj)
- 或者自己依次用 Object.key 打印出obj.__proto__
- 判断一个属性是自身的还是共有的
- obj.hasOwnProperty('toString')
原型
- 每个对象都有原型
- 原型里存着对象的共有属性
- 比如obj的原型就是一个对象
- obj.__proto__存着这个对象的地址
- 这个对象里有toString/constructor/valueOf等属性
- 对象的原型也是对象
- 所以 对象的原型也有原型
- obj={}的原型即为所有对象的原型
- 这个原型包含所以对象的共有属性,是对象的根
- 这个原型也有原型,null
查看属性
- 两种方法查看属性
- 中括号语法:obj['key']
- 点语法:obj.key
- 坑新人语法:obj[key]//变量key值一般不为'key'
- 请优先用中括号语法
- 点语法会误导你,让你以为key不是字符串
- 等确定不会弄混两种语法,再改用点语法
var obj ={name:'frank',age:18}
obj['name']
"frank"
obj.name
"frank"
重要
obj.name等价于 obj['name']
obj.name不等价于obj[name] 这里的[name]是变量, 而我们要的是name是字符串
真正等价的情况
let name = 'frank' obj[name]等价于obj['frank']
let list =['name','age','gender']
let person ={name:'frank',age:18,gender:'man'}
for(let i =0;i<list.length;i++){
let name =list[i]
console.log(person________)
}填空
console.log(person[name])
修改或增加属性(写属性)
- 直接赋值
let obj ={name:'frank'}//name 是字符串
obj.name = 'frank' // name 是字符串
obj['name'] = 'frank'
obj[name]='frank' 错误 因为name值不确定
obj['na'+'me']='frank'
let key = 'name';obj[key]= 'frank'
let key = 'name'obj.key ='frank'//错误
因为 obj.key 等价于obj['key']
- 批量赋值
- Object.assign(obj,{age:18,gender:'man'})
修改或增加共有属性
- 无法通过自身修改或增加共有属性
- let obj={},obj2={}//共有toSring
- obj.toString='xxx'只会改obj自身属性
- obj.toString 还是在原型上
- 我偏要修改或增加原型上的属性
- obj.__proto__.toString='xxx'//不推荐用__proto
- Object.prototype.toString='xxx'
- 一般来说,不要修改原型,会引起很多问题
var common = {'国籍':'中国',hairColor:'black'}
undefined
var person ={name:'frank'}
undefined
person.__protp__=common
{国籍: "中国", hairColor: "black"}
console.dir(person)
Objectname: "frank"__protp__: {国籍: "中国", hairColor: "black"}__proto__: Object
undefined
修改隐藏属性
- 不推荐使用__proto__
- let obj ={name:'frank'}
- let obj2={name:'jack' }
- let common ={kind:'human'}
- obj.__proto__ =common
- obj.__proto__=commom
- 推荐使用 Object.create
- let obj =Object.create(common)
- obj.name = 'frank'
- let.name2 =Object.create(commom)
- obj2.name='jack'
- 规范大概的意思是.要改就一开始就该,别后来再改
5:'name' in obj和obj.hasOwnProperty('name') 的区别
前者可以查看是否有这个属性,后者查看这个属性是自身还是共有的
总结
- 删
delete obj['name']
'name'in obj//false
obj.hasOwnProperty('name')//false
- 查
Object.keys(obj)
console.dir(obj)
obj['name']
obj.name//name是字符串
obj[name]//name是变量
- 改
改自身obj['name']='Tom'
批量改自身Object.assign(obj,{age:18,...})
改共有属性:obj.__proto__['toString']='xxx'
改共有属性:Object.prototype['toString']='xxx'
改原型:obj.__proto__=common
改原型:let obj=Object.create(common)
注:所有_proto__代码都是强烈不推荐写的
- 增
基本同上:已有属性则改;没有属性则增
js判断对象是否为空对象_js对象相关推荐
- js 判断变量是否为空
在编写js代码是老师碰到判断变量是否为空是否为真的情况 一.字符串,数组,布尔类型的真假判断 javascript 中if条件为null/undefined/0/NaN/""表达式 ...
- js判断字符是否为空的方法
js判断字符是否为空的方法: //判断字符是否为空的方法 function isEmpty(obj){if(typeof obj == "undefined" || obj == ...
- 泰斗破坏神中对象一直为空,但对象的字段值却不为空
泰斗破坏神中对象一直为空,但对象的字段值却不为空 错误原因: 按照规范,继承自monobehaviour的类都是组件,组件都要unity负责创建,我们是不能自己去new的 解决方法: 不继承monob ...
- js函数判断服务器文件是否为空,Js 判断数组是否为空或是否含有某个值
今天来说一下在前端的 JS 中关于数组的判断操作.比如 JS 判断数组是否为空,JS 判断数据中是否含有某个值.下面就来具体的说一下判断的方法吧. JS 判断数组是否为空 JS 判断数组是否为空,只要 ...
- js判断数组是否为空、是否含有某个值
js判断数组是否为空 arr.length let arr = []; if (arr.length == 0){console.log("数组为空") }else {consol ...
- js判断一个对象是否是空对象
一.写在前面 js如何判断一个对象是否是空对象,本文给出三个方法. 二.采用for-in-进行遍历 最常见的思路就是使用for....in...遍历属性,为真则为非空对象,为假则为空对象. <s ...
- js 判断 html是否为空,javascript怎么判断对象是否为空?
在开发过程中常常会遇到判断对象和数组是否为空的情况,那么怎么判断对象是否为空?下面本篇文章就来给大家介绍几种使用javascript判断对象是否为空的方法,希望对大家有所帮助. 1.使用for...i ...
- js判断一个对象是否为空
判断一个对象是否为空的三种方法 1.通过JSON自带的.stringify方法来判断 2.最常见的思路,for...in...遍历属性,为真则为"非空数组":否则为"空数 ...
- 【一个小功能】从js判断ie版本,浅谈navigator对象的appName属性
判断IE版本主要的是获取两个属性,a.当前浏览器名称,b.当前浏览器版本,为此不得不了解navigator对象. 先贴代码 1 window.onload = function() { 2 var b ...
- js判断file是否为空_JS - 获取文件后缀,判断文件类型(比如是否为图片格式)...
1,获取文件后缀 有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取: //文件路径 var filePath = "file:///storage/e ...
最新文章
- 这次我让你彻底弄懂 RESTful
- 数据仓库相关书籍调研
- mongodb中Gson和java##Bean对象转化类
- Python 内置模块之 logging
- 大厂技术文档:Python基础+爬虫+数据分析+面试经精选
- Chrome 开发工具指南——通过工作空间保存更改
- cordova 调用java_Cordova调用原生方法的插件的编写
- Titon Toolkit – 非常强大的用户界面组件
- 中科院人工智能应用 福玛特550G解析
- php和python-什么是Python和php?Python与PHP有什么区别
- 尝试造了个工具类库,名为 Diana
- android荣耀v20圆角适配,AR新玩法 让荣耀V20成为你随身的尺子
- omnet++tictoc12案例解析
- 【C语言】用 1 分、5 分、10 分、25 分的硬币凑成任何给定的钱数 x,要求硬币的数目最少
- android 夏令时,android 时间处理(夏令时)
- 【GitHub】GitHub上指定文件夹轻松下载
- BUCK型DC/DC变换器的建模与仿真
- 对ARM紧致内存TCM的理解 转
- 计算机毕业设计java+springboot+vue学生宿舍管理系统
- 麒麟搭建ftp服务器实现文件共享,麒麟系统安装ftp
热门文章
- 关联规则算法c语言样例及分析_推荐系统总结系列-关联规则算法(四)
- c语言交通违章编程代码,C语言程序设计之交通处罚单管理系统 报告(内含代码).doc...
- 人工智能的炒作_为什么人工智能被过度炒作?
- flex 固定一列_css实现两列固定与一列自适应的几种方法
- php utc时间_PHP转换UNIX时间戳 UTC时间(TZ格式) 标准时间的方法 UNIX UTC GMT时间、本地时间互转...
- 红魔1android版本能升到多少,红魔5G:实力全开,比快更快
- python julian date_Python 的内嵌time模板翻译及说明
- python读取tiff文件进行波段计算_python+tifffile之tiff文件读写方式
- python docx库安装_详解python中docx库的安装过程
- html5把六张图片做成立方体,HTML5绘制在立方体上的几何曲线图形