对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性

对象的分类:
          1.内建对象
                -在ES标准中定义的对象,在任何的ES的实现中都可以使用
                -比如:Math String Number Boolean Function Object...
            2.宿主对象
                -由js的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
                -比如BOM DOM
            3.自定义对象
                -由开发人员自己创建的对象 创建对象:
方法一: 使用new关键字调用的函数,是构造函数constructor(构造函数是专门用来创建对象的函数) 使用typeof检查一个对象时,会返回object var obj = new Object(); console.log(typeof obj);//object
方法二: 使用对象字面量来创建一个对象 使用对象字面量,可以在创建对象时,直接指定对象中的属性
            语法:{属性名:属性值,属性名:属性值....}
                对象字面量的属性名可以加引号也可以不加,建议不加,
                如果要使用一些特殊的名字,则必须加引号
            
                属性名和属性值是一组一组的名值对结构,
                    名与值之间使用:连接,多个名值对之间使用逗号隔开
                    如果一个属性之后没有其他的属性了,就不要写逗号 var obj2 = {
name:"猪八戒",
age:23,
gender:"男"
test:{name:"沙和尚"}
};
console.log(obj2);
方法三:使用工厂方法创建对象 ,通过该方法可以大批量的创建对象  function creatPerson(name,age,gender){
//创建一个新的对象
var obj = new Object(); //向对象中添加属性
obj.name = name;
obj.age = age;
obj.gender = gender;
obj.sayName = function(){
alert(this.name);
}
//将新的对象返回
return obj;
}
var obj2 = creatPerson("猪八戒",28,"男");
obj2.sayName()
向对象中添加属性:
在对象中保存的值称为属性
        向对象中添加属性
        语法:
                对象.属性名 = 属性值; //向object中添加一个属性值
obj.name = "zy";
//向obj中添加gender属性
obj.gender = "男";
//向obj中添加age属性
obj.age = 18;
 对象的属性名不强制要求遵守标识符的规范,什么乱七八糟的名字都可以使用,但是我们使用时还是尽量按照标识符的规范去做。 如果使用特殊的属性名,不能使用对象.属性名的方式来操作 需要使用另一种方式
                    语法:对象["属性名"] = 属性值 使用[ ]这种形式去操作属性,更加的灵活
        在[ ]中可以直接传递一个变量,这样变量值是多少就会读取那个属性 obj["123"] = 789;
obj["nihao"] = "nihao"; var n = "123";
console.log(obj[n]);//789 因为n的值为"123",而obj对象"123"的属性值为789
JS中的属性值可以是任意的数据类型,甚至它也可以是一个对象   读取对象中的属性
语法:对象.属性名 如果读取对象中没有的属性,不会报错而是返回undefined in 运算符
            -通过该运算符可以检查一个对象是否含有指定的属性
                    如果有则返回true,没有则返回false
            -语法:
                "属性名" in 对象 //检查obj中是否含有test2属性
console.log("test2" in obj);//false
console.log("test" in obj);//true
修改对象的属性值
语法:对象.属性名 = 新值 obj.age = 22;
删除对象的属性
语法:delete 对象.属性名

  

JS对象中属性的增删改查的更多相关文章

  1. python之类与对象属性的增删改查

    类属性与对象属性的增删改查 类属性的增删改查 class School: """ 文档 """ Teacher = "老王&quo ...

  2. JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删改查),事件

    JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删 ...

  3. MVC3.0+knockout.js+Ajax 实现简单的增删改查

    MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...

  4. 用 JS(JavaScript )实现增删改查

    JS小例题 学习内容: 需求 总结: 学习内容: 需求 用 JavaScript 实现简单增删改查 实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HT ...

  5. 一、数据库表中字段的增删改查,二、路由基础.三、有名无名分组.四、多app共存的路由分配.五、多app共存时模板冲突问题.六、创建app流程.七、路由分发.八、路由别名,九、名称空间.十、反向解析.十一、2.x新特性.十二、自定义转换器

    一.数据库表中字段的增删改查 ''' 直接在modules中对字段进行增删改查 然后在tools下点击Run manage.py Task执行makemigrations和migrate 注意在执行字 ...

  6. IOS9中联系人对象的使用及增删改查操作的函数封装

    之前克服重重困难把IOS9中新的类联系人搞明白了,现在把增删改查封装成了函数,如下: // // ViewController.m // IOS9中联系人CNContact的使用 // // Crea ...

  7. MVC模式:实现数据库中数据的增删改查功能

    *.数据库连接池c3p0,连接mysql数据库: *.Jquery使用,删除时跳出框,确定是否要删除: *.使用EL和JSTL,简化在jsp页面中插入的java语言 1.连接数据库 (1)导入连接数据 ...

  8. MVC设计模式((javaWEB)在数据库连接池下,实现对数据库中的数据增删改查操作)

    设计功能的实现: ----没有业务层,直接由Servlet调用DAO,所以也没有事务操作,所以从DAO中直接获取connection对象 ----采用MVC设计模式 ----采用到的技术 .MVC设计 ...

  9. Node.js + MySQL 实现数据的增删改查

    通过完成一个 todo 应用展示 Node.js + MySQL 增删改查的功能.这里后台使用 Koa 及其相应的一些中间件作为 server 提供服务. 初始化项目 $ mkdir node-cru ...

随机推荐

  1. QTP加载第三方DLL(C#)实现清除IE缓存(转)

    由于QTP的默认编程语言是VBS, 而VBS是一种相对来说功能比较局限的脚本语言,因此我们在编写自动化测试脚本时会有很多功能无法很好的实现. 相对来说c#是一种高级编程语言, 可以实现大多数windo ...

  2. Web前端基础学习-3

    bfc(block formatting context) 块级格式化上下文 生成bfc的方式: 1.根元素: 2.float属性不为none(脱离文档流): 3.position为absolute或 ...

  3. mysql分表详解

    经常听到有人说“数据表太大了,需要分表”,“xxxx了,要分表”的言论,那么,到底为什么要分表? 难道数据量大就要分表? mysql数据量对索引的影响 本人mysql版本为5.7 新增数据测试 为了测 ...

  4. Django版本更新(升级)到指定版本的命令

  5. jenkins发送邮箱配置,出现Error sending to the following VALID addresses,解决方案

    Jenkins发送邮箱配置,需要的插件:Extended E-mail Notification,邮件通知 1.Manage Jenkins -> Configure System 2.下图是“ ...

  6. 22.ReadWriteLock读写锁

    import java.util.Random; import java.util.concurrent.locks.Lock; import java.util.concurrent.locks.R ...

  7. Java中"String.equals()“和"=="的区别

    Do NOT use the `==`` operator to test whether two strings are equal! It only determines whether or n ...

  8. 测试demo controllerweb.xml

    <?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://w ...

  9. js动态添加的元素绑定事件

    最近做的项目要实现一个动态添加动态删除的功能,思考了一下,该怎么给动态添加的元素绑定事件.最后觉得有两种方式比较可靠,第一种是在动态添加的html代码里添加oclick事件,然后给传个唯一的参数来判断 ...

  10. Python--前端基础之JavaScript(JS的引入方式,JS的变量、常量和标识符,JS的数据类型,运算符,流程控制,JavaScript的对象)

    JavaScript介绍 JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互. JavaScript是浏览器解释执行的,前端脚 ...