JS对象中属性的增删改查
对象属于一种复合的数据类型,在对象中可以保存多个不同数据类型的属性 对象的分类:
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对象中属性的增删改查的更多相关文章
- python之类与对象属性的增删改查
类属性与对象属性的增删改查 类属性的增删改查 class School: """ 文档 """ Teacher = "老王&quo ...
- JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删改查),事件
JavaScript---Dom树详解,节点查找方式(直接(id,class,tag),间接(父子,兄弟)),节点操作(增删改查,赋值节点,替换节点,),节点属性操作(增删改查),节点文本的操作(增删 ...
- MVC3.0+knockout.js+Ajax 实现简单的增删改查
MVC3.0+knockout.js+Ajax 实现简单的增删改查 自从到北京入职以来就再也没有接触MVC,很多都已经淡忘了,最近一直在看knockout.js 和webAPI,本来打算采用MVC+k ...
- 用 JS(JavaScript )实现增删改查
JS小例题 学习内容: 需求 总结: 学习内容: 需求 用 JavaScript 实现简单增删改查 实现代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HT ...
- 一、数据库表中字段的增删改查,二、路由基础.三、有名无名分组.四、多app共存的路由分配.五、多app共存时模板冲突问题.六、创建app流程.七、路由分发.八、路由别名,九、名称空间.十、反向解析.十一、2.x新特性.十二、自定义转换器
一.数据库表中字段的增删改查 ''' 直接在modules中对字段进行增删改查 然后在tools下点击Run manage.py Task执行makemigrations和migrate 注意在执行字 ...
- IOS9中联系人对象的使用及增删改查操作的函数封装
之前克服重重困难把IOS9中新的类联系人搞明白了,现在把增删改查封装成了函数,如下: // // ViewController.m // IOS9中联系人CNContact的使用 // // Crea ...
- MVC模式:实现数据库中数据的增删改查功能
*.数据库连接池c3p0,连接mysql数据库: *.Jquery使用,删除时跳出框,确定是否要删除: *.使用EL和JSTL,简化在jsp页面中插入的java语言 1.连接数据库 (1)导入连接数据 ...
- MVC设计模式((javaWEB)在数据库连接池下,实现对数据库中的数据增删改查操作)
设计功能的实现: ----没有业务层,直接由Servlet调用DAO,所以也没有事务操作,所以从DAO中直接获取connection对象 ----采用MVC设计模式 ----采用到的技术 .MVC设计 ...
- Node.js + MySQL 实现数据的增删改查
通过完成一个 todo 应用展示 Node.js + MySQL 增删改查的功能.这里后台使用 Koa 及其相应的一些中间件作为 server 提供服务. 初始化项目 $ mkdir node-cru ...
随机推荐
- ReplicatorLayer 复制图层
使用文档介绍: #import <QuartzCore/CALayer.h> NS_ASSUME_NONNULL_BEGIN CA_CLASS_AVAILABLE (10.6, 3.0, ...
- Asp.Net Core 第05局:读取配置
前言 本文介绍Asp.Net Core 读取配置文件. 环境 1.Visual Studio 2017 2.Asp.Net Core 2.2 开局 前期准备 1.添加app.j ...
- Linux操作系统(二)_快速入门
环境 安装VM ware,输入VM key 在VM上安装CentOS 6.5 设置网络,能在本机上ping通 通过终端连接工具:Xshell或SecureCRT,连接Linux服务器 实操可能出现的问 ...
- HDU 5183 Negative and Positive (NP) (手写哈希)
题目链接:HDU 5183 Problem Description When given an array \((a_0,a_1,a_2,⋯a_{n−1})\) and an integer \(K\ ...
- Cocos2d Box2D之简介
| 版权声明:本文为博主原创文章,未经博主允许不得转载. Box2D是一个用于模拟2D刚体物体的C++引擎.Box2D集成了大量的物理力学和运动学的计算,并将物理模拟过程封装到类对象中,将对物体的 ...
- 深入理解javascript原型和闭包(3)——prototype原型 (转载)
深入理解javascript原型和闭包(3)——prototype原型 既typeof之后的另一位老朋友! prototype也是我们的老朋友,即使不了解的人,也应该都听过它的大名.如果它还是您的 ...
- 使用systemctl管理服务
系统服务,开机不需要登录就能运行的程序(相当于开机自启)/usr/lib/systemd/system 用户服务,需要登录后才能运行的程序/usr/lib/systemd/user 目录下又存在两种类 ...
- String的replace导致内存溢出
从一次内存溢出来看JDK的String应该怎么用 背景 JDK在String类中给我们提供的API,replace是个使用频率很高的的方法.因为他可以对字符串内容进行替换,只需要输入替换字符串和被替换 ...
- 使用自编译的Emacs26.0.50build10版本,helm报错(已解决)
使用自编译的Emacs26.0.50build10版本,helm报错(已解决) */--> code {color: #FF0000} pre.src {background-color: #0 ...
- Python之随机选择 random
随机选择:random import random # 从一个序列中随机的抽取一个元素 values=[1,2,3,4,56] # 指定取出N个不同元素 print(random.sample(val ...