学无先后,达者为师

网站首页 前端文档 正文

JavaScript属性操作_javascript技巧

作者:.NET开发菜鸟   更新时间: 2022-05-15 前端文档

一、属性的设置和获取

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




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

2、两种方式的区别




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

二、属性的删除

看下面的例子:




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

三、判断属性是否存在

1、使用in运算符。如果属性存在返回true,属性不存在返回false,看下面的例子:




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

2、使用对象的hasOwnProperty()方法

同样,如果属性存在返回true,属性不存在返回false,看下面的例子:




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

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

3、使用undefined判断

如果属性的值不等于undefined,则表示属性存在,返回true。如果属性的值等于undefined,则表示属性不存在,返回false。看下面的例子:




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

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

四、属性的遍历

1、使用for...in遍历属性




    
    
    
    JavaScript中属性的基本操作
    


    

运行结果:

for..in同样也可以遍历数组:

五、序列化

1、JSON.stringify()将对象序列化成JSON格式的字符串,前端传递数据给后台的时候使用,例如:

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

原文链接:https://www.cnblogs.com/dotnet261010/p/9822976.html

栏目分类
最近更新