JavaScript类型相关的常用操作总结


Posted in Javascript onFebruary 14, 2019

js的基本数据类型有哪些?

ECMAScript中有5中简单数据类型(也称为基本数据类型): Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object,Object本质上是由一组无序的名值对组成的。

其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型,String有些特殊

本文主要给大家介绍了关于js类型相关的常用操作,分享出来供大家参考学习,下面话不多说了,来一起看看详细的介绍吧

JS数组,字符串,json互相转换

JS数组转字符串

使用数组自带的join方法可以把数组转化为字符串:

let arr = [1,2,'uu'];
let str = arr.join(',');
console.log(str); // 1,2,uu

如果素组元素包含对象,则调用对象的toString()方法将对象转化为字符串。

class C {
 // 自定义类C,以及自定义toString()方法
 toString() { return 'class C'; }
}
let cc = new C(); // C的实例
let arr = [{a: 1}, cc, [3,4,[5,5]], 5];
let str = arr.join('---');
console.log(str); // [object Object]---class C---3,4,5,5---5

从上面的例子中还可以发现,数组中嵌套数组时,所有元素依次打印出来,那是因为数组Array的toString()方法内部实现就是join.

[1,1,[2,2,[3,3,3]]] + ""; // 1,1,2,2,3,3,3

字符串转数组

使用字符串自带的split方法可以把字符串分割为数组。

let str = '1,2,uu';
let arr = str.split(',');
console.log(arr); // ["1", "2", "uu"]
str

数组转json字符串,json字符串转数组

使用JSON.parse()方法可以解析json字符串转化为相应的json对象(包括数组),使用JSON.stringify()方法可以把数组或对象转化为json字符串。

let arr = [1,2,'uu'];

let jsonStr = JSON.stringify(arr);
console.log(jsonStr); // 字符串:'[1,2,"uu"]'

let jsonObj = JSON.parse(jsonStr);
console.log(jsonObj); // 数组: [1,2,'uu']

JS清空数组的方法

赋值空数组

let arr = [1,2,3];
console.log(arr); // [1,2,3]
arr = [];
console.log(arr); // []

修改length属性

JS数组的length熟悉可以直接修改。

let arr = [1,2,3];
console.log(arr); // [1,2,3]
arr.length = 0;
console.log(arr); // []

使用splice方法

JS中数组自带的splice()方法用于向数组中添加或者删除元素,功能非常强大。

参数说明如下,返回值为包含被删除项目的新数组,如果有的话。

arrayObject.splice(index,howmany,item1,.....,itemX)

参数名 描述
index 必需。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。
howmany 必需。要删除的项目数量。如果设置为 0,则不会删除项目。
item1, ..., itemX 可选。向数组添加的新项目。
let arr = [1,2,3];
console.log(arr); // [1,2,3]
let arr2 = arr.splice(0, arr.length); // 删除所有元素
console.log(arr); // []
console.log(arr2); // [1,2,3]

JS时间和时间戳的转换

JS时间转时间戳

使用Date对象的方法:

let dateObj = new Date(); // Date对象,当前时间

// parse()方法,毫秒级别的数值被转化为000
Date.parse(dateObj); // 1549976497000

// Date对象的valueOf()方法
dateObj.valueOf(); // 1549976497495

// Date对象的getTime()方法
dateObj.getTime(); // 1549976497495

// 转化为Number类型,包括显式和隐式类型转换
new Number(dateObj); // Number {1549976497495}
dateObj - 0; // 1549976497495

JS时间戳转时间

直接将时间戳作为参数新建一个Date对象即可,支持毫秒和秒。

let timestamp = 1549976497495;
let dateObj = new Date(timestamp); // Date对象
dateObj.getTime(); // 1549976497495

timestamp = 1549976497;
dateObj = new Date(timestamp); // Date对象
dateObj.getTime(); // 1549976497

JS字符串和时间戳互转

Date()对象的构造函数不仅可以接受表示时间戳数字类型的参数,还可以接受时间字符串,但是对格式有要求。

let timeStr = '2019-02-02 12:12:12';
let dateObj = new Date(timeStr);
dateObj.getTime(); // 1549080732000

dateObj.toDateString(); // Sat Feb 02 2019
dateObj.toString(); // Sat Feb 02 2019 12:12:12 GMT+0800 (中国标准时间)
dateObj.toLocaleString(); // 2019/2/2 下午12:12:12

myDate.getYear(); //获取当前年份(2位)
myDate.getFullYear(); //获取完整的年份(4位,1970-????)
myDate.getMonth(); //获取当前月份(0-11,0代表1月)
myDate.getDate(); //获取当前日(1-31)
myDate.getDay(); //获取当前星期X(0-6,0代表星期天)
myDate.getTime(); //获取当前时间(从1970.1.1开始的毫秒数) 
myDate.getHours(); //获取当前小时数(0-23)
myDate.getMinutes(); //获取当前分钟数(0-59)
myDate.getSeconds(); //获取当前秒数(0-59)
myDate.getMilliseconds(); //获取当前毫秒数(0-999)
myDate.toLocaleDateString(); //获取当前日期
var mytime=myDate.toLocaleTimeString(); //获取当前时间
myDate.toLocaleString( ); //获取日期与时间----如果涉及到时分秒,直接使用即可。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对三水点靠木的支持。

Javascript 相关文章推荐
一个对于Array的简单扩展
Oct 03 Javascript
获取网站跟路径的javascript代码(站点及虚拟目录)
Oct 20 Javascript
jQuery中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
JS转换HTML转义符的方法
Aug 24 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
通过bootstrap全面学习less
Nov 09 Javascript
JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)
Jul 07 Javascript
Angular2使用vscode断点调试ts文件的方法
Dec 13 Javascript
jQuery实现当拉动滚动条到底部加载数据的方法分析
Jan 24 jQuery
ECharts地图绘制和钻取简易接口详解
Jul 12 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 Javascript
react-native 实现购物车滑动删除效果的示例代码
Jan 15 Javascript
VuePress 快速踩坑小结
Feb 14 #Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 #Javascript
Node.js如何对SQLite的async/await封装详解
Feb 14 #Javascript
VuePress 静态网站生成方法步骤
Feb 14 #Javascript
extract-text-webpack-plugin用法详解
Feb 14 #Javascript
JavaScript"模拟事件"的注意要点详解
Feb 13 #Javascript
快速了解Node中的Stream流是什么
Feb 13 #Javascript
You might like
php异常处理技术,顶级异常处理器
2012/06/13 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
PHP+FFMPEG实现将视频自动转码成H264标准Mp4文件
2014/09/24 PHP
验证token、回复图文\文本、推送消息的实用微信类php代码
2016/06/28 PHP
php 使用html5实现多文件上传实例
2016/10/24 PHP
一文看懂PHP进程管理器php-fpm
2020/06/01 PHP
JS对象与JSON格式数据相互转换
2012/02/20 Javascript
JavaScript常用验证函数实例汇总
2014/11/25 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
jquery checkbox的相关操作总结
2016/10/17 Javascript
layer实现弹窗提交信息
2016/12/12 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
vue favicon设置以及动态修改favicon的方法
2018/12/21 Javascript
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
Python入门篇之数字
2014/10/20 Python
基于Python socket的端口扫描程序实例代码
2018/02/09 Python
使用python实现滑动验证码功能
2019/08/05 Python
Django 实现图片上传和下载功能
2020/12/31 Python
Perfume’s Club意大利官网:欧洲美妆电商
2019/05/03 全球购物
New Balance德国官方网站:购买鞋子和服装
2019/08/31 全球购物
英国知名小木屋定制网站:Tiger Sheds
2020/03/06 全球购物
工程测量与监理专业应届生求职信
2013/11/27 职场文书
销售工作岗位职责
2013/12/24 职场文书
大三学生入党思想汇报
2014/01/02 职场文书
档案接收函
2014/01/13 职场文书
县优秀教师事迹材料
2014/01/31 职场文书
九年级语文教学反思
2014/02/04 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
企业厂务公开实施方案
2014/03/26 职场文书
《观舞记》教学反思
2014/04/16 职场文书
《文化苦旅》读后感:阅读,让人诗意地栖居在大地上
2019/12/24 职场文书
python 实现德洛内三角剖分的操作
2021/04/22 Python
Redis基本数据类型Zset有序集合常用操作
2022/06/01 Redis
nginx静态资源的服务器配置方法
2022/07/07 Servers