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 相关文章推荐
延时重复执行函数 lLoopRun.js
May 08 Javascript
Javascript 篱式条件判断
Aug 22 Javascript
javascript instanceof,typeof的区别
Mar 24 Javascript
Javascript 面向对象 继承
May 13 Javascript
jQuery的deferred对象使用详解
Aug 20 Javascript
JavaScript编写点击查看大图的页面半透明遮罩层效果实例
May 09 Javascript
JS控制静态页面传递参数并获取参数应用
Aug 10 Javascript
基于easyui checkbox 的一些操作处理方法
Jul 10 Javascript
vue2.0实现前端星星评分功能组件实例代码
Feb 12 Javascript
JavaScript指定断点操作实例教程
Sep 18 Javascript
详解vue项目中调用百度地图API使用方法
Apr 25 Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 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
Linux系统下php获得系统分区信息的方法
2015/03/30 PHP
PHP嵌套输出缓冲代码实例
2015/05/12 PHP
PHP删除字符串中非字母数字字符方法总结
2019/01/20 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
JavaScript 格式字符串的应用
2010/03/29 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
javascript通过navigator.userAgent识别各种浏览器
2013/10/25 Javascript
jquery ajax跨域解决方法(json方式)
2014/02/04 Javascript
jQuery中get和post方法传值测试及注意事项
2014/08/08 Javascript
jquery获取文档高度和窗口高度汇总
2016/01/25 Javascript
简单易懂的天气插件(代码分享)
2017/02/04 Javascript
js仿微博动态栏功能
2017/02/22 Javascript
JS写谷歌浏览器chrome的外挂实例
2018/01/11 Javascript
如何将Node.js中的回调转换为Promise
2020/11/10 Javascript
手动实现vue2.0的双向数据绑定原理详解
2021/02/06 Vue.js
Python 解析XML文件
2009/04/15 Python
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
PyQt5下拉式复选框QComboCheckBox的实例
2019/06/25 Python
Python生命游戏实现原理及过程解析(附源代码)
2019/08/01 Python
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python 写了个新型冠状病毒疫情传播模拟程序
2020/02/14 Python
tensorflow使用freeze_graph.py将ckpt转为pb文件的方法
2020/04/22 Python
Python3基于print打印带颜色字符串
2020/07/06 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
如何在存储过程中使用Loop
2016/01/05 面试题
大学生优秀自荐信范文
2014/02/25 职场文书
师范学院毕业生求职信
2014/06/24 职场文书
党的群众路线领导班子整改方案
2014/09/27 职场文书
2014购房个人委托书范本
2014/10/12 职场文书
2015年班级元旦晚会活动总结
2014/11/28 职场文书
交警失职检讨书
2015/01/26 职场文书
材料员岗位职责
2015/02/10 职场文书
2015年小学美术工作总结
2015/05/25 职场文书
Go遍历struct,map,slice的实现
2021/06/13 Golang