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

对象的分类:
          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. Linux下安装xwindow图形界面

    执行命令 yum -y groupinstall Desktop yum -y groupinstall "X Window System" 然后执行"startx&qu ...

  2. PHP DOMDocument操作 XML类 属性、方法

    属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的数据类型 Definition 以DTD或XML模式给出的节 ...

  3. python2.7.13标准库文件目录操作与文件操作

    标准库的中文参考文档: http://python.usyiyi.cn/translate/python_278/library/index.html 官方标准库文档:https://docs.pyt ...

  4. 怎样理解Functor与Monad

    1. 复合函数操作符 Prelude> :t (.) (.) :: (b -> c) -> (a -> b) -> a -> c Prelude> (.) ( ...

  5. [Codeforces 729F] Financiers Game

    题意: 两个人分别从长度为n的数列的两端开始取数,如果前一 个人取了k个数,后一个人必须取k或k+1个. 第一个人最 开始可以取1个或2个,不能操作时结束. 两个人都希望自 己取到的数字之和尽量大,并 ...

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

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

  7. oracle执行计划(转载)

    转载自 https://www.cnblogs.com/Dreamer-1/p/6076440.html 一:什么是Oracle执行计划? 执行计划是一条查询语句在Oracle中的执行过程或访问路径的 ...

  8. javaIO流(一)--File类的基本使用

    一.File文件操作类 在java语言中提供有对于文件操作系统的支持,这个支持就在java.io.File类中进行了定义,也就是说在整个java.io包中File类是唯一一个与文件本身操作有关的类(创 ...

  9. Vue中src属性绑定的问题

    地址:https://blog.csdn.net/qq_25479327/article/details/80082520 地址:https://blog.csdn.net/sinat_3655513 ...

  10. Java-技术专区-如何监控Java线程池的状态

    线程池介绍 什么是线程池.线程池核心类.线程池工作流程.线程池分类.拒绝策略.及如何提交与关闭线程池等. 但在实际开发过程中,在线程池使用过程中可能会遇到各方面的故障,如线程池阻塞,无法提交新任务等. ...