JavaScript对象详解,js对象属性的添加

JavaScript对象详解,js对象属性的添加英文名 object 翻译成中文就是对象 用英语的角度来说 object 就是物体实体 即使他看不见摸不着 中文的对象指的是女朋友 在计算机中 用英语的角度理解对象 就是说放在内存里面的复杂数据集合 也叫做数据与方法的封装 是一种编程逻辑概念 函数是对数据与代码的封装 假如再把函数及函数外的数据进行封装 那就是 object 即对象

目录

一,什么是对象?

二,创建一个对象

三,对象的嵌套

四,对象的属性与修改

1,使用点.运算符

2,使用[]符号

3,修改属性

五,给对象添加属性

六,查看与删除对象的属性

1,使用Object.keys(obj)方法查看对象所有属性

2,使用delete()方法删除对象属性

3,使用增强版for循环遍历对象元素

七,Object对象方法

1,Object对象的本身方法

2,Object对象自己的实例方法

八,函数与对象注意点

1,函数体里调用其他函数

2,函数体行数不超过50行


一,什么是对象?

英文名object,翻译成中文就是对象。用英语的角度来说object就是物体实体,即使他看不见摸不着。中文的对象指的是女朋友。在计算机中,用英语的角度理解对象,就是说:放在内存里面的复杂数据集合,也叫做数据与方法的封装,是一种编程逻辑概念。

函数是对数据与代码的封装,假如再把函数及函数外的数据进行封装,那就是object,即对象。

二,创建一个对象

将一些函数与对象封装起来就是对象,所谓封装在语法层面就是,把函数和变量用英文大括号{}包起来。使用:key:value的形式,value可以是对象的值,也可以是对象的地址。

key的值可以不符合标识符的命名规范,但是必须使用引号引起来,比如’12qw’=1。每个键值对之间使用英文逗号隔开。

//创建一个obj对象 var obj1 = { str1: 'woaini', "10p": 10 }; function f() { console.log(1) }; var obj1 = { str1: 'woaini', "10p": 10, fun: f, fun1: function() { console.log(2) } }; obj1.fun(); obj1.fun1(); 

如果一个键的值是一个函数,则称这个键名为这个对象的方法。如果一个键的值是基本数据类型,则称这个键名为这个对象的属性。

三,对象的嵌套

即对象的属性仍然可以是一个对象。运算符.表示getattr的意思,即访问对象属性。

var obj1 = { str1: 'woaini', "10p": 10, fun1: function() { console.log(2) }, obj_inn: obj2 = { num: 1 } }; console.log(obj1.obj_inn.num); 

四,对象的属性与修改

1,使用点.运算符

var obj1 = { str1: 'woaini', }; console.log(obj1.str1); 

2,使用[]符号

var obj1 = { str1: 'woaini', }; console.log(obj1['str1']) 

记住键需要加上引号。

3,修改属性

var obj1 = { str1: 'woaini', }; obj1.str1 = 666 console.log(obj1['str1']) 

五,给对象添加属性

var obj1 = { }; obj1.name = 'xiaoming'; obj1['age'] = 10; console.log(obj1.age, obj1.name); 

六,查看与删除对象的属性

1,使用Object.keys(obj)方法查看对象所有属性

var obj1 = { str1: 'woaini', }; obj1.str1 = 666 obj1.age = 18 console.log(Object.keys(obj1)) // [ 'str1', 'age' ] 

2,使用delete()方法删除对象属性

var obj1 = { str1: 'woaini', }; obj1.str1 = 666 obj1.age = 18 console.log(delete obj1.age) // true 

删除一个对象里不存在的属性不仅不会报错而且还会返回true。当试图删除一个无法删除的属性时,则会返回false。删除对象属性:实际上是与相关的对象进行解绑。

3,使用增强版for循环遍历对象元素

var obj1 = { str1: 'woaini', }; obj1.str1 = 666 obj1.age = 18 for (var item in obj1) { console.log(obj1[item]) } 

七,Object对象方法

这里讲解关于Object对象的一些知识,它类似于基类,是所有对象的老大。

1,Object对象的本身方法

Object本身就是一个对象,可以给他添加属性和方法。利用键值对形式给对象添加的方法叫做Object本身方法。只能使用Object.funcname()来执行。

Object.add = function() { console.log(1) } Object.add() 

2,Object对象自己的实例方法

使用Object.prototype.name()形式添加的方法称为对象的实例方法。可以被任意对象使用。

function f() { console.log(1) }; Object.prototype.fun = f; var obj = {} obj.fun() 

八,函数与对象注意点

1,函数体里调用其他函数

可以再一个函数的函数体里面调用另一个函数,即函数名+()。

2,函数体行数不超过50行

每个函数的函数体不超过50行,如果超过的话最好拆分,使用函数搭积木实现功能。

先自我介绍一下,小编13年上师交大毕业,曾经在小公司待过,去过华为OPPO等大厂,18年进入阿里,直到现在。深知大多数初中级java工程师,想要升技能,往往是需要自己摸索成长或是报班学习,但对于培训机构动则近万元的学费,着实压力不小。自己不成体系的自学效率很低又漫长,而且容易碰到天花板技术停止不前。因此我收集了一份《java开发全套学习资料》送给大家,初衷也很简单,就是希望帮助到想自学又不知道该从何学起的朋友,同时减轻大家的负担。添加下方名片,即可获取全套学习资料哦

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/215095.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 下午2:43
下一篇 2026年3月18日 下午2:43


相关推荐

  • 哈佛幸福课笔记下篇

    哈佛幸福课笔记下篇改变一生的课:哈佛幸福课笔记第1课什么是积极心理学?第2课为什么要学习积极心理学?第3课幸福是一种随机现象吗?第4课积极的环境能改变人第5课环境的力量第6课乐观主义第7课逆境还是机遇?第8课感激第9课积极情绪第10课如何去改变第11课养成良好习惯第12课写日记第13课面对压力第14课过犹不及第15课完美主义第16课享受过程第17课运动与冥想第18课睡眠、触摸和爱情的重要性第19课如何让爱情天长地久第20课幸福与幽默第21课爱情与自尊第22课自尊与自我实现第23课

    2022年7月25日
    8
  • VMware中的ubuntu虚拟机开机黑屏,无法打开桌面

    昨天因为在虚拟机中搭环境,崩了,可能是因为脚本错误什么的原因,或者误删除了什么东西的原因,导致,虚拟机重启之后一直处于黑屏状态。如下图:然后百度了很多解决方法,都不成功,后来有大佬指点用快照恢复,但是,我发现一个残酷的事实,我之前没有使用过快照,所以不可行,所以只好重装了。信任IT界名言“没有什么是重装系统解决不了的”。可能只是我的这个不行,但是整理了一下网上的方法,码文,纪念一下…

    2022年4月6日
    1.1K
  • Inno Setup:x64 vs x86

    Inno Setup:x64 vs x86BydefaultInnoSetupalwaysinstallsyourapplicationin32-bitmode.Butifyourapplicationiscompiledto64-bitbinaries(atleast,partly)youwill,probably,wanttouse64-bitmode.Firstthin

    2022年6月7日
    39
  • 浅谈GAMMA校正

    浅谈GAMMA校正浅谈GAMMA校正做图像处理时需要弱化光照影响。发现Gamma校正有效果,但也仅限于知道有这个指数关系,查阅了一些博客和网站,现整理如下。1关于人眼和计算机人眼对暗部细节比较敏感。人眼不同于摄像机,接收光子来感知光线。比如:在一间小黑屋中每增加一盏灯,摄像机都能线性增加亮度。但是人眼在黑暗时增加一盏灯时感受明显,往后随着灯的个数增长人眼并不会有明显感受。如果将实验做成图表,如下图…

    2022年6月16日
    38
  • WinDriver驱动程序开发入门教程

    WinDriver驱动程序开发入门教程WinDriver 驱动程序开发入门教程 Windriver 是 jungo 公司的一款高效易用的驱动开发软件 方便用户基于此开发自己的驱动程序 而不需要对 windowsDDK 作深入的研究 Windriver 相比 driverstudio 使用起来更为方便 同时 它支持 windows Linux Vxworks winCE Solaris 等 OS 对于当前流行的硬件设备 如 端口 ISA PCI X E PCMCIA USB 等都有很好的支持 作为驱动开发的入门工具 windriver 是很好的选择 Incl

    2026年3月26日
    1
  • vue全局变量即时刷新

    vue全局变量即时刷新问题 起初用 Vue prototype xxx 方式使用全局变量 但是当遇到页面之间跳出又跳转回来 全局变量存在不及时刷新问题 解决 采用 vuex 设置全局变量新建 store index js 目录 index js 内容 importVuefro vue importVuexfr vuex Vue use Vuex conststore

    2026年3月20日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号