js向对象中添加对象 js对象里面添加属性
admin
2023-10-24 05:10:12

JavaScript对象 - 初识

什么是对象?

什么是对象:

其实就是一种类型,即【引用】类型。而对象就是【引用类型】的实例。在ECMAScript 中引用类型是一种【数据结构】,用于将【数据和功能】组织在一起。

分析数据存储的历程:

变量(单个数据) →> 数组(批量数据) →> 对象(数据,函数)

对象中存储的数据,我们叫对象的属性

对象中存储的函数,我们叫做对象的方法

对象的创建:

1.使用new运算符创建对象

var person = new Object();//给对象添加数据/属性person.name = “xxx”;person.age = “18”;//给对象添加函数/方法person.showName = function (){alert(person.name);}//如果我们想要访问上述对象的属性和函数alert(person.name);

运行结果如下

JavaScript对象 - 初识

如果我们想要调用对象的方法

var person = new Object();//给对象添加数据/属性person.name = “xxx”;person.age = “18”;//给对象添加函数/方法person.showName = function (){alert(person.name);}//如果我们想要访问上述对象的属性和函数//alert(person.name);person.showName();

运行结果如下:

JavaScript对象 - 初识

JavaScript对象 - 初识

2.new运算符可以省略

var person = Object();

下面的语句和上面的都一样写法和用法

但是以上这两种方法我们不太常用

JavaScript对象 - 初识

3.使用常量/字面量创建对象

var person = { }; //创建了一个对象// person.name = “xxx”; 添加属性除了这种方式,还可以写成person[“name”] = “xxx”;person.age = 18;person.showName = function(){alert(person.name);}person.showName(); //调用时直接通过person.show来调用即可

运行结果如下:

JavaScript对象 - 初识

JavaScript对象 - 初识

4.delete 删除对象属性

var person = { }; //创建了一个对象person.name = “xxx”; //添加属性除了这种方式,还可以写成person.age = 18;person.showName = function(){alert(person.name);}alert(person.name);delete person.name;alert(person.name);

运行结果如下:

没有删除时

JavaScript对象 - 初识

删除之后

JavaScript对象 - 初识

函数 也是数据类型/复合/引用数据类型 function

函数名 == 函数所在的地址

JavaScript对象 - 初识

什么是日期对象?

在js中,日期是非常重要的,在我们发朋友圈、聊天对话框中都会出现精准的日期显示,这就是日期对象Date

日期也是数据类型/复合数据类型,是对象

创建方法:

var d = new Date();alert(d);

运行结果如下,输出了一大串数字:

JavaScript对象 - 初识

这就是返回的当前时间

注意:

我们所用的时间都是根据格林尼治时间,中国北京处于东八区,所以中国的时间要加8个小时。所以后面有GMT+0800

参数:

如果我们不传参数,默认获取的就是当前系统的时间

生成日期对象的参数类型可以是:

1.Date( “2015/08/22” );

2.Date( 2016,04,13,14,34 );

3.Date( “2015-08-22” );

4.参数可以是毫秒数( 1秒=1千毫秒,计算从1970年开始+毫秒数,计算出这个时间 )

我们来分别试一下这三种方式:

var d = new Date( “2015/08/22” );alert( d );

运行结果如下:

JavaScript对象 - 初识

var d = new Date( “2015-08-22” );alert( d );

运行结果如下:

JavaScript对象 - 初识

var d = new Date(2016,04,13,14,34);alert( d );

运行结果如下:

JavaScript对象 - 初识

重要的是第4种方法,毫秒的写法

var d = new Date( 1000 );alert( d );

运行结果如下:

JavaScript对象 - 初识

准确的是格林尼治时间是1970年0时,这里我们写了1秒,又加了8小时,所以运行结果是这样

以1970年1月1日0时0分0秒为参照物。1970年是Unix的诞生日。

JavaScript对象 - 初识

- 写作不易,大家多多,谢谢啦-

---web分享,分享的不只是web

JavaScript对象 - 初识

点击阅读原文查看目录

相关内容

热门资讯

苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
怎么样的桃花 桃花近看远看的样... 今年的“三八”妇女节,阳光明媚,踏青赏花正当时。遂与姐妹们共赴十里蓝山,与花海来一场春天的约会。十里...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
怎么样的桃花 桃花近看远看的样... 今年的“三八”妇女节,阳光明媚,踏青赏花正当时。遂与姐妹们共赴十里蓝山,与花海来一场春天的约会。十里...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...