JS对象属性操作之定义属性篇

前提说明：本篇为自学随记，可供JS自学者查看。

<!doctype html>
<html><head><title>Document</title></head><body><script type="text/javascript">//定义属性//1.通过(名:值)方式在对象结构体内定义属性  2.通过点运算符在对象结构体外定义属性   3.通过构造函数定义属性//ECMAScript 5中增加的两个静态函数，用来为指定对象定义属性：Object.defineProperty和Object.definePropertiesvar o1={x:1,y:2}document.write(o1.x+" "+o1.y);document.write("</br>");var o2={};o2.x=3;o2.y=4;document.write(o2.x+" "+o2.y);document.write("</br>");var o3=function(){this.x=5;this.y=6;}document.write(new o3().x+" "+new o3().y);document.write("</br>");//静态函数Object.defineProperty(object,propertyname,descriptor)   将新属性添加到对象，在对象没有指定的属性名称时执行此操作//object :必须参数，指定要添加或修改的对象，可以使js本地对象（用户自定义对象或内置对象）和DOM对象//propertyname:必须参数，要定义的属性名//descriptor：必须参数，描述属性特性var obj={};Object.defineProperty(obj,"newDateProperty",{value:101,writable:true,enumerable:true,configurable:true});//obj.newDateProperty=102;  //修改属性值document.write(obj.newDateProperty+"</br>");//静态函数Object.defineProperties(object,descriptor)   添加多个或修改多个对象的现有属性var obj1={};Object.defineProperties(obj1,{newDateProperty:{value:110,writable:true,enumerable:true,configurable:true},newAccessorProperty:{set:function(x){this.newaccpropvalue=x;},get:function(){return this.newaccpropvalue;},enumerable:true,configurable:true}});obj1.newAccessorProperty=111;document.write(obj1.newDateProperty+"</br>");document.write(obj1.newAccessorProperty+"</br>");</script></body>
</html>

JS对象属性操作之定义属性篇相关推荐

判断一个js对象，是否具有某个属性
一个对象,想必我们关注的最多的应该是它上面的属性有哪些吧.那么,怎么判断一个对象是否具有某个属性呢? 1 /*下面是一个对比,看看在判断是否包括一个键上面,Object结构和Set结构的写法不同.*/ ...
二、属性操作，文本属性值，元素操作，尺寸、位置操作
1.1. jQuery 属性操作 jQuery 常用属性操作有三种:prop() / attr() / data() ; 1.1.1 元素固有属性值 prop() 所谓元素固有属性就是元素本身自带的属 ...
js对象转数组可枚举属性和不可枚举属性
前言项目里面很多地方我们需要把数据处理一下才能应用,包括我们拿到的是一个对象,但是我们需要遍历,这个时候就需要把对象转成数组来实现我们的目的了,js对象转数组有几种方法,归纳整理一下- js对象转数 ...
JS对象数组中依据某个属性的值分组
问题:需要在对象数组中根据某个属性值进行归类或者分组 const dataList = [{name: 'Apple',type: 'Fruit',price: '￥1.5'},{name: 'Ban ...
js对象数组根据某一属性查找对象
js对象数组[{name: "zhangsan", age: 20}, {name: "lisi", age: 30}], 如果想查找name是zhangsan ...
js对象数组中的某属性值拼接成字符串
var arr=[{id: "600", pId: null, name: "图形的变化"},{id: "630", pId: " ...
JS对象中添加新的属性及修改字段名
添加 arr[0]["sex"]="男" 修改(name1,age1为name,age) var arr = [{name1:'a',age1:'1'},{na ...
基于js对象,操作属性、方法详解
一,概述在Java语言中,我们可以定义自己的类,并根据这些类创建对象来使用,在Javascript中,我们也可以定义自己的类,例如定义User类.Hashtable类等等. 目前在Javascrip ...
APIS——获取dom对象、操作元素内容和属性、间歇函数
APIS 变量声明 Web API基本认知作用和分类 DOM DOM树 DOM对象获取DOM对象根据CSS选择器来获取DOM元素(重点) 其它获取DOM元素方法(了解) 操作元素内容操作元素属 ...
java与jquery的选择器区别_java day44【JQuery 基础：概念，快速入门，JQuery对象和JS对象区别与转换，选择器，DOM操作，案例】...
第一章JQuery 基础 1. 概念: 一个JavaScript框架.简化JS开发 * jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScrip ...

JS对象属性操作之定义属性篇

JS对象属性操作之定义属性篇相关推荐

最新文章

热门文章