JavaScript属性操作

一、属性的设置和获取 1、属性的设置和获取主要有两种方式:

JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

2、两种方式的区别
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

二、属性的删除 看下面的例子:
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

三、判断属性是否存在 1、使用in运算符。如果属性存在返回true,属性不存在返回false,看下面的例子:
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

2、使用对象的hasOwnProperty()方法
同样,如果属性存在返回true,属性不存在返回false,看下面的例子:
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

注意:这里也可以使用变量的方式进行判断属性是否存在,例如:
JavaScript属性操作
文章图片

3、使用undefined判断
如果属性的值不等于undefined,则表示属性存在,返回true。如果属性的值等于undefined,则表示属性不存在,返回false。看下面的例子:
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

注意:如果属性的值正好是undefined,那么这时就不能用这种判断了,看下面的例子:
JavaScript属性操作
文章图片

四、属性的遍历 1、使用for...in遍历属性
JavaScript中属性的基本操作

运行结果:
JavaScript属性操作
文章图片

for..in同样也可以遍历数组:
JavaScript属性操作
文章图片

五、序列化 1、JSON.stringify()将对象序列化成JSON格式的字符串,前端传递数据给后台的时候使用,例如:
JavaScript属性操作
文章图片

2、JSON.parse()将JSON格式的字符串转换成对象,后台把数据传递到前端的时候使用,例如:
JavaScript属性操作
文章图片

【JavaScript属性操作】到此这篇关于JavaScript属性操作的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

    推荐阅读