脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js类型相关常用操作

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

 更新时间：2019年02月14日 11:34:02   作者：悠悠i  
这篇文章主要给大家总结介绍了关于JavaScript类型相关的常用操作，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧

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( ); //获取日期与时间----如果涉及到时分秒，直接使用即可。

总结

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

您可能感兴趣的文章:

相关文章

  • JS实现网站楼层导航效果代码实例

    JS实现网站楼层导航效果代码实例

    这篇文章主要介绍了JS实现网站楼层导航效果代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-06-06
  • Bootstrap面板（Panels）的简单实现代码

    Bootstrap面板（Panels）的简单实现代码

    这篇文章主要为大家详细介绍了Bootstrap面板（Panels）的简单实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-03-03
  • js数组的基本用法及数组根据下标(数值或字符)移除元素

    js数组的基本用法及数组根据下标(数值或字符)移除元素

    js数组的用法包括创建、取值赋值、添加以及根据下标(数值或字符)移除元素等等，在本文将为大家详细介绍下，感兴趣的朋友可以参考下
    2013-10-10
  • js获取当前年月日详细教程(看这一篇就够了)

    js获取当前年月日详细教程(看这一篇就够了)

    这篇文章主要给大家介绍了关于js获取当前年月日的相关资料,JavaScript内置的Date对象是获取当前日期最常用的工具之一,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2023-12-12
  • 微信小程序开发背景图显示功能

    微信小程序开发背景图显示功能

    这篇文章主要介绍了微信小程序开发--背景图显示,需要的朋友可以参考下
    2018-08-08
  • 详解javascript数组去重问题

    详解javascript数组去重问题

    这篇文章主要介绍了详解javascript数组去重问题，根据面试时做的一道数组去重问题的解题思路整理的，分享给大家。
    2015-11-11
  • js获取元素的偏移量offset简单方法(必看)

    js获取元素的偏移量offset简单方法(必看)

    下面小编就为大家带来一篇js获取元素的偏移量offset简单方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • js 数字、字符串、布尔值的转换方法(必看)

    js 数字、字符串、布尔值的转换方法(必看)

    下面小编就为大家带来一篇js 数字、字符串、布尔值的转换方法(必看)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-04-04
  • 深入了解JavaScript发布订阅模式

    深入了解JavaScript发布订阅模式

    JavaScript 发布订阅模式（Publish/Subscribe Pattern）是一种常用的设计模式，发布订阅模式的核心思想是解耦事件的发生和事件的处理，本文将介绍 JavaScript 发布订阅模式的基本原理、应用场景以及各场景的代码示例,需要的朋友可以参考下
    2023-05-05
  • 使用非html5实现js板连连看游戏示例代码

    使用非html5实现js板连连看游戏示例代码

    连连看游戏通常情况下都是使用html5来实现的，不过从现在开始就可以使用js来实现了，具体的代码如下，喜欢的朋友可以参考下，希望对大家有所帮助
    2013-09-09

最新评论