JavaScript属性操作
一、属性的设置和获取
1、属性的设置和获取主要有两种方式:
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/0f4fef4a9846438eab696736b3187ec8.jpg)
文章图片
2、两种方式的区别
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/4778bda1dd814667843c9655a34f640d.jpg)
文章图片
二、属性的删除 看下面的例子:
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/5a8043f27be2489bafd36005917d179f.jpg)
文章图片
三、判断属性是否存在 1、使用in运算符。如果属性存在返回true,属性不存在返回false,看下面的例子:
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/933d9c405df041b7bd86d889513537bb.jpg)
文章图片
2、使用对象的hasOwnProperty()方法
同样,如果属性存在返回true,属性不存在返回false,看下面的例子:
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/244b7bf68574483abda6989a49ea40c6.jpg)
文章图片
注意:这里也可以使用变量的方式进行判断属性是否存在,例如:
![JavaScript属性操作](https://img.it610.com/image/info11/d70b62f879c84ce296fd01f8987ef572.jpg)
文章图片
3、使用undefined判断
如果属性的值不等于undefined,则表示属性存在,返回true。如果属性的值等于undefined,则表示属性不存在,返回false。看下面的例子:
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/1a083e6e4cfa4ece9fd6401c46d93827.jpg)
文章图片
注意:如果属性的值正好是undefined,那么这时就不能用这种判断了,看下面的例子:
![JavaScript属性操作](https://img.it610.com/image/info11/bfbc25fee2a24ad9ac67094601c8112c.jpg)
文章图片
四、属性的遍历 1、使用for...in遍历属性
JavaScript中属性的基本操作
运行结果:
![JavaScript属性操作](https://img.it610.com/image/info11/f98fe84e51454c4ea930c7879c51c2ec.jpg)
文章图片
for..in同样也可以遍历数组:
![JavaScript属性操作](https://img.it610.com/image/info11/5597bdf82cbe418abc298fe2e2738b90.jpg)
文章图片
五、序列化 1、JSON.stringify()将对象序列化成JSON格式的字符串,前端传递数据给后台的时候使用,例如:
![JavaScript属性操作](https://img.it610.com/image/info11/a5e6c23ae4f9404494cbaaabc8abbb7c.jpg)
文章图片
2、JSON.parse()将JSON格式的字符串转换成对象,后台把数据传递到前端的时候使用,例如:
![JavaScript属性操作](https://img.it610.com/image/info11/9bf0cbadff104290a822ec6079dfc435.jpg)
文章图片
【JavaScript属性操作】到此这篇关于JavaScript属性操作的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
推荐阅读
- 在VMware虚拟机里安装Linux操作系统
- javascript订阅模式浅析和基础实例
- 面试题|操作系统高频面试题
- JavaScript面向对象—继承的实现
- linq中的分区操作符
- mysql数据库过滤数据_MySQL数据库常规操作&&一些简单绕过过滤的方法
- COMP2211操作系统
- Linux|RHEL目录和文件操作(Linux文件系统管理)
- Pytorch教程|Pytorch教程[01]张量操作
- 一文搞懂JavaScript变量、作用域和内存