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

对象的分类:
          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. select下拉框选中其中一个值

    function LoadList123() { var param = { action: "SelectShopType1"};//参数拼接 var Resultstr = & ...

  2. Cocos2d-x之String

    |   版权声明:本文为博主原创文章,未经博主允许不得转载. 在Cocos2d-x中能够使用的字符串constchar*.std::string和cocos2d::__String等,其中const ...

  3. 洛谷 P1462 通往奥格瑞玛的道路——二分+spfa

    上一波链接 https://www.luogu.org/problem/P1462 这道题我们考虑二分答案 然后每次跑一次spfa判断是否能够到达n点 tips:在不考虑负权边的前提下我们写最短路最好 ...

  4. list中的所有值转换为字符串,以及list拼接成一个字符串

    import stringlis=[1,2,3,'abc']fw=open('hello.txt','w',encoding='utf-8')# print(''.join(str(lis).repl ...

  5. C++中动态内存申请的结果

    1,问题: 1,动态内存申请一定成功吗? 1,不一定成功: 2,常见的动态内存分配代码: 1,C 代码: * sizeof(int)); if( p != NULL ) { // ... ... } ...

  6. Linux系统安全

    简单优化: 1.删除不必要的软件包(如postfix等) yum remove -y postfix 安装管理:1.口令 1.1至少8个字符,大小写.特殊字符和数字组合,定期更改 1.2口令长度可以编 ...

  7. element checkbox 勾选时出现弹框提示。

    复选框选中的时候,必须提示是否确定选中,取消勾选的时候也要. 不能解决的思路: 1.element的checkbox只有一个change事件,该事件只返回该选项最新的值(true,false)(不会返 ...

  8. 【杂记】docker搭建ELK 集群6.4.0版本 + elasticsearch-head IK分词器与拼音分词器整合

    大佬博客地址:https://blog.csdn.net/supermao1013/article/category/8269552 docker elasticsearch 集群启动命令 docke ...

  9. codelite配置信息

    codelite下编译执行wxwidgets库需要修改链接库如下: 原来的c++ compiler配置-g;-O0;-Wall;$(shell wx-config --cflags --debug) ...

  10. 三、JPA增删改查常用方法

    前言:创建EntityManager对象,需要先创建创建EntityManagerFactory对象 方式一:直接通过persistenceUnitName创建 String persistenceU ...