JavaScript学习之旅-11(原创)-阿里云开发者社区

开发者社区> 小猪看流星> 正文

JavaScript学习之旅-11(原创)

简介: 在上一篇文章中,主要学习了JavaScript的闭包,箭头函数。这一篇文章我们主要学习JavaScript中的Date、正则表达式、Json、浏览器对象 Data: JavaScript中,使用Data来表示日期对象,既然是日期对象我们就可以获取具体的时间、月份、分钟等等,下面是基本的使用: Data相关API 通过代码的日志可以看到,JavaScript的Date对象月份值居然是从0开始算起,0 = 1 月,1 = 2月,……,11=12月。
+关注继续查看

上一篇文章中,主要学习了JavaScript的闭包,箭头函数。这一篇文章我们主要学习JavaScript中的Date、正则表达式、Json、浏览器对象

Data:

JavaScript中,使用Data来表示日期对象,既然是日期对象我们就可以获取具体的时间、月份、分钟等等,下面是基本的使用:

img_3987a8ed476a0a674ddd9100485bff95.png
Data相关API

通过代码的日志可以看到,JavaScript的Date对象月份值居然是从0开始算起,0 = 1 月,1 = 2月,……,11=12月。

那这种尴尬的结果,如何变成我们想要的实际结果咧?(也就是数字1代表的就是1月)

可以直接在月份的数据加 1 ,这样可以快速解决问题。

正则表达式:

跟Java的设计理念一样,正则表达式是一种用来匹配字符串的强有力的武器。它的设计思想是用一种描述性的语言来给字符串定义一个规则,凡是符合规则的字符串,我们就认为它“匹配”了,否则,该字符串就是不合法的。比如,匹配邮箱,匹配电话号码等等,关于JavaScript的具体的正则表达式的内容这里就不具体讲了,因为百度谷歌很多开源的轮子,我们只需要知道有这样一个概念,使用的时候根据场景合理Copy就行

下面是一些常见的正则表达式写法,只是列举了其中的几项

img_b0c6345770ecdb81ead5ab625133b0e8.png

Json:

对于Json,开发人员不是很陌生,JSON是JavaScript Object Notation的缩写,它是一种轻量级的数据交换格式。在Java中,我们可以使用系统的JsonObject和JsonArray或者谷歌的Gson来进行相应的操作,那么,在JavaScript中,Json该如何使用?

首先,json这个数据格式,对象和数组是最常用的两种类型。其中,对象表示为键值对、数据由逗号分隔;花括号为保存json对象、方括号保存json数组,可能有点不好认识,下面截个图区分一下。


img_2714493ab45e29e4e04bf8d45869808e.png

1:将JavaScript对象转换为json,使用JSON.stringify 这个函数

img_024eddd7db203f08d5793a124a9e343f.png
对象转json

其中,JSON.stringify这个函数是一个方法重载,支持多个参数,功能比较强大:


img_07b3705598ef668baf43644e6ea0023b.png

比如,我现在有这样一个对象,我想把它转为json字符串,但是我只想要里面的name标签以及数组skills标签,这种情况该如何去做?

这个时候我们可以使用JSON.stringify的方法重载去使用,第二个参数就是过滤的条件

img_818727b9864700b201929b3c334fa8c7.png
筛选条件

再比如,我现在有这样一个对象,我想把它转为json字符串,但是我只想要里面所有标签的value属性值,全部大写,这种情况又该如何去做?

我们可以定义一个函数,因为JSON.stringify 方法重载里面的参数,也支持传一个函数

img_a71a545531de07c505ff250f35ef6759.png

那么,解析Json,该怎么操作?

下面就是解析Json的常规写法:

img_017ee1dd374ffdd46a2ed377d94e3e5a.png
解析json

调用parse函数即可解析json。

浏览器对象:

我们知道,H5的代码是部署在网页上面的,调试也是在网页上面进行的,如果你有学习或者从事Android开发和ios开发,会发现,手机和电脑开发的一个很大的不同在于,手机需要花很大的精力去完成适配,这一点在Android碎片化现象非常严重的现在尤其明显,ios适配屏幕相反没有那么大压力。

1:window

window对象不仅充当全局作用域,而且表示浏览器窗口。window对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏、工具栏、边框等占位元素后,用于显示网页的净宽高。

其中,使用navigator的一些API可以获取相应的信息,如下图:

img_ada39d4c349ced89c6b704ac55c911a0.png

2:screen

screen对象表示屏幕的信息,常用的属性有:

screen.width:屏幕宽度,以像素为单位:、screen.height:屏幕高度,以像素为单位;


img_4c6c9df26357fffa51eb12b7f97df42c.png
屏幕


本篇文章主要学习的是关于Date、正则表达式、Json、浏览器对象。本章的基本内容就结束了。

未完待续。。。

如果这篇文章对你有帮助,希望各位看官留下宝贵的star,谢谢。

Ps:著作权归作者所有,转载请注明作者, 商业转载请联系作者获得授权,非商业转载请注明出处(开头或结尾请添加转载出处,添加原文url地址),文章请勿滥用,也希望大家尊重笔者的劳动成果。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
使用NAT网关轻松为单台云服务器设置多个公网IP
在应用中,有时会遇到用户询问如何使单台云服务器具备多个公网IP的问题。 具体如何操作呢,有了NAT网关这个也不是难题。
26253 0
阿里云服务器ECS远程登录用户名密码查询方法
阿里云服务器ECS远程连接登录输入用户名和密码,阿里云没有默认密码,如果购买时没设置需要先重置实例密码,Windows用户名是administrator,Linux账号是root,阿小云来详细说下阿里云服务器远程登录连接用户名和密码查询方法
10644 0
阿里云服务器端口号设置
阿里云服务器初级使用者可能面临的问题之一. 使用tomcat或者其他服务器软件设置端口号后,比如 一些不是默认的, mysql的 3306, mssql的1433,有时候打不开网页, 原因是没有在ecs安全组去设置这个端口号. 解决: 点击ecs下网络和安全下的安全组 在弹出的安全组中,如果没有就新建安全组,然后点击配置规则 最后如上图点击添加...或快速创建.   have fun!  将编程看作是一门艺术,而不单单是个技术。
9995 0
使用OpenApi弹性释放和设置云服务器ECS释放
云服务器ECS的一个重要特性就是按需创建资源。您可以在业务高峰期按需弹性的自定义规则进行资源创建,在完成业务计算的时候释放资源。本篇将提供几个Tips帮助您更加容易和自动化的完成云服务器的释放和弹性设置。
11788 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,阿里云优惠总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系.
11802 0
windows server 2008阿里云ECS服务器安全设置
最近我们Sinesafe安全公司在为客户使用阿里云ecs服务器做安全的过程中,发现服务器基础安全性都没有做。为了为站长们提供更加有效的安全基础解决方案,我们Sinesafe将对阿里云服务器win2008 系统进行基础安全部署实战过程! 比较重要的几部分 1.
8500 0
阿里云服务器ECS登录用户名是什么?系统不同默认账号也不同
阿里云服务器Windows系统默认用户名administrator,Linux镜像服务器用户名root
3392 0
阿里云服务器如何登录?阿里云服务器的三种登录方法
购买阿里云ECS云服务器后如何登录?场景不同,云吞铺子总结大概有三种登录方式: 登录到ECS云服务器控制台 在ECS云服务器控制台用户可以更改密码、更换系统盘、创建快照、配置安全组等操作如何登录ECS云服务器控制台? 1、先登录到阿里云ECS服务器控制台 2、点击顶部的“控制台” 3、通过左侧栏,切换到“云服务器ECS”即可,如下图所示 通过ECS控制台的远程连接来登录到云服务器 阿里云ECS云服务器自带远程连接功能,使用该功能可以登录到云服务器,简单且方便,如下图:点击“远程连接”,第一次连接会自动生成6位数字密码,输入密码即可登录到云服务器上。
21368 0
+关注
小猪看流星
拥有二十万字以上的原创技术博客、博客内容有Android开发、Java、JavaScript基础、MYSQL数据库、Go语言基础,未来的方向是研究大数据......希望前辈大牛多多指点。个人技术博客地址:https://www.jianshu.com/u/0111a7da544b
68
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载