Js对象的增删改查基础知识入门_对象攻略教程

Object:对象以后看到的,除了5种基本数据类型就是对象 ,JS中表示一个人的信息(name,gender,age)var name = “huangchen”;
var gender = “男”;
var age = 18;如果使用基本数据类型,我们所创建的变量都是独立的,不能成为一个整体, 对象属于一种复合的数据类型,在对象可以保存多个不同

Js对象的增删改查基础知识入门

Object:对象

以后看到的,除了5种基本数据类型就是对象 ,JS中表示一个人的信息(name,gender,age)

Js对象的增删改查基础知识入门_对象攻略教程

var name = "huangchen"; 
var gender = "男"; 
var age = 18;

如果使用基本数据类型,我们所创建的变量都是独立的,不能成为一个整体, 对象属于一种复合的数据类型,在对象可以保存多个不同的数据类型的属性 

对象的分类:  

1,内建对象:由ES标准中定义的对象,在任何的ES的实现中都可以使用 ,比如:Math,String,Number,Boolean,Function,Object…  

2,宿主对象:由JS的运行环境提供的对象,目前来讲主要指由浏览器提供的对象
,比如BOM,DOM  

3.自定义对象 :由开发人员自己创建的对象 

创建对象

使用new关键字调用的函数,是构造函数constructor
构造函数是专门用来创建对象的函数
使用typeof检查对象会返回一个object  

var obj = new Object();

添加属性

在对象中保存的值称为属性, 向对象中添加属性, 语法:  

例子:

//向obj中添加一个name属性
 obj.name = "huangchen";

//向obj中添加一个gender属性
obj.gender = "男";

//向obj中添加一个age属性
obj.age = 19;

查询

读取对象中的属性,语法: 

如果读取对象中没有的属性,不会报错但是会返回Undefined  

例子

 console.log(obj.gender);
 console.log(obj.age);

修改

修改对象属性值, 语法:  

例子:

obj.name = "hello";

删除

删除对象的属性, 语法:  

例子:

delete obj.age;
海计划公众号
(0)
上一篇 2020/03/29 01:40
下一篇 2020/03/29 01:40

您可能感兴趣的内容

  • CSS定位Position属性小白攻略_属性小白知识

    用Div+CSS进行网站布局时,做一些浮动层等特殊特殊效果时要考虑到定位问题;这就要用到Position属性。 Position属性有四个值:static、fixed、absolute和relative。后面两个值在布局中的定位里是经常用到的,顾名思义:● absolute是指绝对定位即将对象从文档流中拖出,使用left,right,top,bottom等属

    2020/03/20
  • CSS :placeholder-shown伪类实现输入框浮动文字效果基础入门_效果教程视频

    在这篇文章中,我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果,使用纯CSS实现。浮动的文字标签当我们处理输入框时,会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的:label标签是关联表单元素,提供说明信息最适合的元素。输入框的placeholder属性允许您指定没有输入内容时出现在元素内的文本。它

    2020/03/30
  • Vue一个案例引发的递归组件的使用使用说明_递归使用说明

    今天我们继续使用 Vue 的撸我们的实战项目,只有在实战中我们才会领悟更多,光纸上谈兵然并卵,继上篇我们的《Vue一个案例引发的动态组件与全局事件绑定总结》 之后,今天来聊一聊我们如何在项目中使用递归组件。信息的分类展示列表这次我们主要是实现一个信息的分类展示列表存在二级/三级的分类,如下如所示:看到这个很多人会想到这个实现起来很简单啊,来个嵌套循环不就完事

    2020/04/03
  • vum菜鸟知识_手机 webapp 打造的基于 Vue.js 构建的UI框架

    vum菜鸟知识 官方网址:http://getvum.com/ GitHub:https://github.com/vum-team/vum 简介描述:手机 webapp 打造的基…

    2020/03/06
  • Electrode入门百科_一个用于构建通用 React / Node.js 应用程序的平台

    Electrode入门百科 GitHub:https://github.com/electrode-io/electrode 简介描述:一个用于构建通用 React / Node….

    2020/03/11
  • css浏览器私有属性基础知识_属性小白攻略

    一.css中抬头::-moz代表firefox浏览器私有属性::-ms代表ie浏览器私有属性::-webkit代表safari、chrome私有属性::-o代表opera二.常见的中私有属性拿chrome浏览器举例::如果前面为空代码全局,如果前面有某个元素的css选择器代表改元素的对于内容1.输入框::-webkit-input-placeholder {

    2020/03/26
  • 个人用户如何为自己的网站及应用选配云服务器使用帮助_服务器入门知识

    最近几年云服务器越来越普及,除了安全性要求特别高的业务之外,很多个人开发者以及企业都会选择购买一台云服务器作为自己的服务器,这样可以省去自己购买服务器的昂贵费用以及服务器机房维护的人员费用。下面就来介绍下个人用户如何选购合适的服务器,当然这些推荐的配置只供你进行参考,更多的是需要你结合自己的业务以及其他方面进行综合考虑。针对于个人用户建站,博主推荐的配置如下

    2020/03/30
  • lightbox2入门攻略_一款很酷的Jquery图片弹出放大显示特效

    lightbox2入门攻略 官方网址:https://lokeshdhakar.com/projects/lightbox2/ GitHub:https://github.com/…

    2020/03/06
  • 前端工程师遇到bug时的5个搞笑反应菜鸟指南_bug入门基础教程

    Bug是程序员常常碰见的,有人会生气,有人会沮丧,有人会心烦意乱,当然啦,也有人会依然保持冷静沉着。那么小编带大家来看看html5前端工程师遇到bug时的10个反应,有些搞笑哦~ 1.“我不知道是要删除还是要重写它”回顾从前老的源代码,会有一种想要返工写成较大块集群的冲动和诱惑。丑陋的逻辑语句,还有冗长的语法,导致代码非常难以阅读!但话又说回来,如果代码没

    2020/03/31
  • Vue组件库搭建实践与探索入门百科_组件指南攻略

    在以前传统的前端页面开发方式时,存在协同困难,可复用性差的问题,导致开发和维护都不是一件简单的事。而组件化思想的提出,以及Vue、React等MV*框架的快速流行,让我们开始尝试用组件化的思想去开发。由于笔者最近在研究组件库的搭建,故撰文记之。前言组件化思想让我们把页面划分为一个个组件,组件内部维护自己的UI展示、交互逻辑,这样将可以大大提高代码的复用性以及

    2020/03/23
  • File FileList 和 FileReader 对象详解小白常识_对象基础知识入门

    File 对象、FileList 对象与 FileReader 对象大家或许不太陌生,常见于文件上传下载操作处理(如处理图片上传预览,读取文件内容,监控文件上传进度等问题)。那么本文将与大家深入介绍两者。一、File 对象1. 概念介绍File 对象提供有关文件的信息,并允许网页中的 JavaScript 读写文件。最常见的使用场合是表单的文件上传控件,用户

    2020/03/20
  • css3新增的属性有哪些?指南教程_属性基础入门

    CSS 用于控制网页的样式和布局。CSS3 是最新的 CSS 标准。CSS3新增了很多的属性,下面一起来分析一下新增的一些属性:1.CSS3边框:border-radius:CSS3圆角边框。在 CSS2 中添加圆角矩形需要技巧,我们必须为每个圆角使用不同的图片,在 CSS3 中,创建圆角是非常容易的,在 CSS3 中,border-radius 属性用于创

    2020/03/29
  • 哪些方面可以看出企业建站源码质量?使用指南_源码指南教程

    源代码是构成网站的核心,即网站程序代码,包括网站文件及目录结构,拥有源代码才拥有网站的全部。传统自助建站因其SAAS模式无法开放源代码,用户实质上是每年支付租金租用放在平台网站的使用权,哪一天不交租金了,网站也就没有了;而开放源代码的建站是用户拥有网站的所有权,是买卖关系而不是租用关系,用户可以将网站程序(源代码)安装到自己指定的服务器,而不受平台限制。 1

    2020/03/23
  • ionic基础入门教程_ionic是一个用来开发混合手机应用的,开源的,免费的代码库

    ionic基础入门 官方网址:http://ionicframework.com/ GitHub:https://github.com/ionic-team/ionic 简介描述:…

    2020/03/05
  • ES6 class继承与super关键词深入探索基础入门_class使用攻略

    ES6 class在ES6版本之前,JavaScript语言并没有传统面向对象语言的class写法,ES6发布之后,Babel迅速跟进,广大开发者也很快喜欢上ES6带来的新的编程体验。当然,在这门“混乱”而又精妙的语言中,许多每天出现我们视野中的东西却常常被我们忽略。对于ES6语法,考虑到浏览器的兼容性问题,我们还是要把代码转换为ES5版本运行。然而,之前的

    2020/03/26
  • 开发Web应用,Go语言比Python更有优势!小白帮助_应用菜鸟知识

    随着Golang的日益普及,它是否取代Python?接下来让我们一起看看Go的优点,以及它与Python的区别。在Web开发的世界里,敏捷才是王道。使用更少的费用和资源来更快地完成网站和网络应用,从而获得更多的竞争优势。此外,他们不仅希望快速完成Web开发,对可用性和用户体验的要求也很高。这需要开发更多的功能和高级编程语言来开发网站功能,例如Golang。本

    2020/03/20