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 相关文章推荐
使用滤镜设置透明导致 IE 6/7/8/9 解析异常的解决方法
Apr 07 Javascript
js常用代码段整理
Nov 30 Javascript
jQuery获得内容和属性方法及示例
Dec 02 Javascript
jquery实现右键菜单插件
Mar 29 Javascript
使用Jquery实现每日签到功能
Apr 03 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
jQuery实现时尚漂亮的弹出式对话框实例
Aug 07 Javascript
深入理解JavaScript程序中内存泄漏
Mar 17 Javascript
利用npm 安装删除模块的方法
May 15 Javascript
解决Vue中mounted钩子函数获取节点高度出错问题
May 18 Javascript
vue-cli基础配置及webpack配置修改的完整步骤
Oct 20 Javascript
Vue过渡效果之CSS过渡详解(结合transition,animation,animate.css)
Feb 05 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中header和session_start前不能有输出原因分析
2013/01/11 PHP
如何给phpcms v9增加类似于phpcms 2008中的关键词表
2013/07/01 PHP
JSON 教程 json入门学习笔记
2020/09/22 Javascript
javascript计时器事件使用详解
2014/01/07 Javascript
Javascript实现的常用算法(如冒泡、快速、鸽巢、奇偶等)
2014/04/29 Javascript
javascript为下拉列表动态添加数据项
2014/05/23 Javascript
node.js中的fs.statSync方法使用说明
2014/12/16 Javascript
举例讲解JavaScript中关于对象操作的相关知识
2015/11/16 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
2016/01/15 Javascript
Bootstrap自动适应PC、平板、手机的Bootstrap栅格系统
2016/05/27 Javascript
详解Javascript中prototype属性(推荐)
2016/09/03 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
2017/03/06 Javascript
nodejs multer实现文件上传与下载
2017/05/10 NodeJs
label+input实现按钮开关切换效果的实例
2017/08/16 Javascript
微信小程序实现折叠展开效果
2018/07/19 Javascript
layer.open弹层查看缩略图的原图,自适应大小的实例
2019/09/05 Javascript
使用kbone解决Vue项目同时支持小程序问题
2019/11/08 Javascript
浏览器JavaScript调试功能无法使用解决方案
2020/09/18 Javascript
微信小程序input抖动问题的修复方法
2021/03/03 Javascript
python fabric实现远程操作和部署示例
2014/03/25 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
Python对excel文档的操作方法详解
2018/12/10 Python
pytorch实现MNIST手写体识别
2020/02/14 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
如何基于Python和Flask编写Prometheus监控
2020/11/25 Python
10个顶级Python实用库推荐
2021/03/04 Python
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
彩色的非洲教学反思
2014/02/18 职场文书
《九色鹿》教学反思
2014/02/27 职场文书
GMP办公室主任岗位职责
2014/03/14 职场文书
欠款纠纷起诉状
2015/05/19 职场文书
新闻稿件写作技巧
2015/07/18 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
公开致歉信
2019/06/24 职场文书
Python获取字典中某个key的value
2022/04/13 Python