本篇文章给大家带来的内容是关于js对象是什么?js对象的介绍(附代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
对象是什么
在JavaScript中,一个对象就像一个单独拥有属性和类型的实体。一个杯子作为一个对象,杯子有颜色、重量等属性。同样,JavaScript对象也有属性定义它的特征。
方法是关联到某个对象的函数,或者说,一个方法是一个值为某个函数的对象属性。
对象可以分为以下几类
内置对象/原生对象
就是JavaScript语言预定义的对象
宿主对象
是JavaScript运行环境提供的对象
自定义对象
就是开发人员自主创建的对象
Object对象
Object类型是引用类型。但Object类型是所有JavaScript中所有类型的父级(所有类型的对象都可以是Object的属性和方法)
创建对象
/* * 1. 对象的初始化器创建方式 * var 对象名={ * 属性名 : 属性值 * 方法名 : function{ * 方法体 * } * } */ var obj = { name : '九筒', age : 2, sayYou : function () { console.log('火锅') } }; /* 2. 对象的构造函数方式 * * 利用所有的引用类型创建对应的对象->具有具体的类型 * var num = new Number;//number类型 * var str = new String;//string类型 * var boo = new Boolean;//boolean类型 * * 利用Object作为构造函数创建对象 * var 对象名 = new Object(); * var 对象名 = Object(); */ var num = new Number(); var str = new Storage(); var boo = new Boolean(); var obj2 = new Object(); var obj3 = Object(); /* 利用Object.create创建对象 * var 对象名 = Object.create(null) -> 创建一个空对象 var 对象名 = Object.create(obj) * obj - 表示另一个对象 * 特点 - 当前创建的新对象拥有与obj对象相同的属性和方法*/ var obj4 = Object.create(null); var obj5 = Object.create(obj);
对象的属性
定义对象的属性
对象的属性就像是附加到对象上的变量
/*对象介意定义多个属性 * 属性之间使用逗号分开*/ var obj = { name : '吴凡', age : 23, book : function () { console.log('暗毁') } };
调用对象的属性
/* 调用对象的属性 * 对象名.属性名 * 不适用于复杂命名的属性名称*/ console.log(obj.name); /* 对象名[属性名]-通用方式 适用于复杂命名的属性名称 * */ console.log(obj['name']);//属性名是字符串形式
新增、删除、修改对象的属性
var obj = { name : '火锅', variety : '比熊', age : function () { console.log('3') } } /* 新增对象的属性 * 1对象名.新的属性名 = 属性值 * 2对象名[新的属性名] = 属性值*/ obj.col='白色'; console.log(obj.col);//白色 /*删除对象的属性 * delete 对象名.属性名 * delete 对象名[属性名]*/ delete obj.col console.log(obj.col);//undefined /*修改对象的属性 * 对象名.已存在的属性名 = 属性值 * 对象名[已存在的属性名] = 属性值*/ obj.name = '九筒'; console.log(obj.name);//九筒
检测对象的属性
var obj = { name : '火锅', variety : '比熊', age : function () { console.log('3') } }; console.log(obj.name) /* 1. 判断对象的属性值是否为undefined*/ if (obj.name !==undefined){ console.log('obj对象name属性存在') }else{ console.log('obj对象name属性不存在') } /* 2. 判断对象的属性值,先转换为boolean类型*/ if (obj.name){ console.log('obj对象name属性存在') } /* 3. 利用in关键字进行判断*/ if ('name' in obj){ console.log('obj对象name属性存在') }else{ console.log('obj对象name属性不存在') } /* 4. Object类型提供了hasOwnProperty()方法*/ if (obj.hasOwnProperty('name')){ console.log('obj对象name属性存在') }else{ console.log('obj对象name属性不存在') }
便利属性
var obj = { name : '小薄荷', age : '0.3', variety : function () { console.log('萨摩耶') } }; // 1.for...in语句 for (var objAttr in obj) { // 通过对象属性或方法对应的值的类型进行区别 if (obj[objAttr] instanceof Function) { // 当前是对象的方法 obj[objAttr](); } else { // 当前是对象的属性 console.log(obj[objAttr]); } } // 2.Object类型提供了keys()方法 - 只能遍历可枚举的属性 var arr = Object.keys(obj); for (var v in arr) { var objAttr = arr[v]; // 通过对象属性或方法对应的值的类型进行区别 if (obj[objAttr] instanceof Function) { // 当前是对象的方法 obj[objAttr](); } else { // 当前是对象的属性 console.log(obj[objAttr]); } } // 3.Object类型提供了getOwnPropertyNames()方法 - 包括不可枚举的属性 var arr = Object.getOwnPropertyNames(obj); for (var v in arr) { var objAttr = arr[v]; // 通过对象属性或方法对应的值的类型进行区别 if (obj[objAttr] instanceof Function) { // 当前是对象的方法 obj[objAttr](); } else { // 当前是对象的属性 console.log(obj[objAttr]); } }
对象的方法
调用、新增、修改、删除对象的方法
调用、新增、修改、删除对象的方法和属性基本一样
var obj = { name : '火锅', variety : '比熊', age : function () { console.log('3') } } /*调用对象的方法*/ // 1.对象名.方法名() obj.sayMe(); // 2.对象名[方法名]() obj['sayMe'](); /*新增对象的方法*/ // 1.对象名.新的方法名 = function(){} obj.name = function(){ console.log('九筒'); } console.log(obj); // 2.对象名[新的方法名] = function(){} /*修改对象的方法*/ // 1.对象名.方法名 = function(){} obj.name = function(){ console.log('九筒'); } // 2.对象名[方法名] = function(){} /*删除对象的方法*/ //1.delete 对象名.方法名 delete obj.sayMe; // 访问对象中不存在的方法 -> 报错(TypeError: obj.sayMe is not a function) // obj.sayMe(); // 2.delete 对象名[方法名]
相关推荐:
nodejs中http代理库http-proxy中常见的问题分析
以上是js对象是什么?js对象的介绍(附代码)的详细内容。更多信息请关注PHP中文网其他相关文章!

去掉重复并排序的方法:1、使用“Array.from(new Set(arr))”或者“[…new Set(arr)]”语句,去掉数组中的重复元素,返回去重后的新数组;2、利用sort()对去重数组进行排序,语法“去重数组.sort()”。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于Symbol类型、隐藏属性及全局注册表的相关问题,包括了Symbol类型的描述、Symbol不会隐式转字符串等问题,下面一起来看一下,希望对大家有帮助。

怎么制作文字轮播与图片轮播?大家第一想到的是不是利用js,其实利用纯CSS也能实现文字轮播与图片轮播,下面来看看实现方法,希望对大家有所帮助!

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于对象的构造函数和new操作符,构造函数是所有对象的成员方法中,最早被调用的那个,下面一起来看一下吧,希望对大家有帮助。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于面向对象的相关问题,包括了属性描述符、数据描述符、存取描述符等等内容,下面一起来看一下,希望对大家有帮助。

方法:1、利用“点击元素对象.unbind("click");”方法,该方法可以移除被选元素的事件处理程序;2、利用“点击元素对象.off("click");”方法,该方法可以移除通过on()方法添加的事件处理程序。

本篇文章给大家带来了关于JavaScript的相关知识,其中主要介绍了关于BOM操作的相关问题,包括了window对象的常见事件、JavaScript执行机制等等相关内容,下面一起来看一下,希望对大家有帮助。

本篇文章整理了20+Vue面试题分享给大家,同时附上答案解析。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。


热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

适用于 Eclipse 的 SAP NetWeaver 服务器适配器
将Eclipse与SAP NetWeaver应用服务器集成。

Atom编辑器mac版下载
最流行的的开源编辑器

mPDF
mPDF是一个PHP库,可以从UTF-8编码的HTML生成PDF文件。原作者Ian Back编写mPDF以从他的网站上“即时”输出PDF文件,并处理不同的语言。与原始脚本如HTML2FPDF相比,它的速度较慢,并且在使用Unicode字体时生成的文件较大,但支持CSS样式等,并进行了大量增强。支持几乎所有语言,包括RTL(阿拉伯语和希伯来语)和CJK(中日韩)。支持嵌套的块级元素(如P、DIV),

SecLists
SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。