快捷導(dǎo)航

JavaScript類型相關(guān)的常用操作總結(jié)

更新時(shí)間：2019年02月14日 11:34:02 作者：悠悠i

這篇文章主要給大家總結(jié)介紹了關(guān)于JavaScript類型相關(guān)的常用操作，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧

js的基本數(shù)據(jù)類型有哪些？

ECMAScript中有5中簡(jiǎn)單數(shù)據(jù)類型（也稱為基本數(shù)據(jù)類型）: Undefined、Null、Boolean、Number和String。還有1中復(fù)雜的數(shù)據(jù)類型————Object，Object本質(zhì)上是由一組無序的名值對(duì)組成的。

其中Undefined、Null、Boolean、Number都屬于基本類型。Object、Array和Function則屬于引用類型，String有些特殊

本文主要給大家介紹了關(guān)于js類型相關(guān)的常用操作，分享出來供大家參考學(xué)習(xí)，下面話不多說了，來一起看看詳細(xì)的介紹吧

JS數(shù)組，字符串，json互相轉(zhuǎn)換

JS數(shù)組轉(zhuǎn)字符串

使用數(shù)組自帶的join方法可以把數(shù)組轉(zhuǎn)化為字符串：

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

如果素組元素包含對(duì)象，則調(diào)用對(duì)象的toString()方法將對(duì)象轉(zhuǎn)化為字符串。

class C {
 // 自定義類C，以及自定義toString()方法
 toString() { return 'class C'; }
}
let cc = new C(); // C的實(shí)例
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

從上面的例子中還可以發(fā)現(xiàn)，數(shù)組中嵌套數(shù)組時(shí)，所有元素依次打印出來，那是因?yàn)閿?shù)組Array的toString()方法內(nèi)部實(shí)現(xiàn)就是join.

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

字符串轉(zhuǎn)數(shù)組

使用字符串自帶的split方法可以把字符串分割為數(shù)組。

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

數(shù)組轉(zhuǎn)json字符串，json字符串轉(zhuǎn)數(shù)組

使用JSON.parse()方法可以解析json字符串轉(zhuǎn)化為相應(yīng)的json對(duì)象（包括數(shù)組），使用JSON.stringify()方法可以把數(shù)組或?qū)ο筠D(zhuǎn)化為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); // 數(shù)組： [1,2,'uu']

JS清空數(shù)組的方法

賦值空數(shù)組

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

修改length屬性

JS數(shù)組的length熟悉可以直接修改。

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

使用splice方法

JS中數(shù)組自帶的splice()方法用于向數(shù)組中添加或者刪除元素，功能非常強(qiáng)大。

參數(shù)說明如下，返回值為包含被刪除項(xiàng)目的新數(shù)組，如果有的話。

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

參數(shù)名	描述
index	必需。整數(shù)，規(guī)定添加/刪除項(xiàng)目的位置，使用負(fù)數(shù)可從數(shù)組結(jié)尾處規(guī)定位置。
howmany	必需。要?jiǎng)h除的項(xiàng)目數(shù)量。如果設(shè)置為 0，則不會(huì)刪除項(xiàng)目。
item1, ..., itemX	可選。向數(shù)組添加的新項(xiàng)目。

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時(shí)間和時(shí)間戳的轉(zhuǎn)換

JS時(shí)間轉(zhuǎn)時(shí)間戳

使用Date對(duì)象的方法：

let dateObj = new Date(); // Date對(duì)象，當(dāng)前時(shí)間

// parse()方法，毫秒級(jí)別的數(shù)值被轉(zhuǎn)化為000
Date.parse(dateObj); // 1549976497000

// Date對(duì)象的valueOf()方法
dateObj.valueOf(); // 1549976497495

// Date對(duì)象的getTime()方法
dateObj.getTime(); // 1549976497495

// 轉(zhuǎn)化為Number類型，包括顯式和隱式類型轉(zhuǎn)換
new Number(dateObj); // Number {1549976497495}
dateObj - 0; // 1549976497495

JS時(shí)間戳轉(zhuǎn)時(shí)間

直接將時(shí)間戳作為參數(shù)新建一個(gè)Date對(duì)象即可，支持毫秒和秒。

let timestamp = 1549976497495;
let dateObj = new Date(timestamp); // Date對(duì)象
dateObj.getTime(); // 1549976497495

timestamp = 1549976497;
dateObj = new Date(timestamp); // Date對(duì)象
dateObj.getTime(); // 1549976497

JS字符串和時(shí)間戳互轉(zhuǎn)

Date()對(duì)象的構(gòu)造函數(shù)不僅可以接受表示時(shí)間戳數(shù)字類型的參數(shù)，還可以接受時(shí)間字符串，但是對(duì)格式有要求。

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 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
dateObj.toLocaleString(); // 2019/2/2 下午12:12:12

myDate.getYear(); //獲取當(dāng)前年份(2位)
myDate.getFullYear(); //獲取完整的年份(4位,1970-????)
myDate.getMonth(); //獲取當(dāng)前月份(0-11,0代表1月)
myDate.getDate(); //獲取當(dāng)前日(1-31)
myDate.getDay(); //獲取當(dāng)前星期X(0-6,0代表星期天)
myDate.getTime(); //獲取當(dāng)前時(shí)間(從1970.1.1開始的毫秒數(shù)) 
myDate.getHours(); //獲取當(dāng)前小時(shí)數(shù)(0-23)
myDate.getMinutes(); //獲取當(dāng)前分鐘數(shù)(0-59)
myDate.getSeconds(); //獲取當(dāng)前秒數(shù)(0-59)
myDate.getMilliseconds(); //獲取當(dāng)前毫秒數(shù)(0-999)
myDate.toLocaleDateString(); //獲取當(dāng)前日期
var mytime=myDate.toLocaleTimeString(); //獲取當(dāng)前時(shí)間
myDate.toLocaleString( ); //獲取日期與時(shí)間----如果涉及到時(shí)分秒，直接使用即可。

總結(jié)

以上就是這篇文章的全部?jī)?nèi)容了，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，如果有疑問大家可以留言交流，謝謝大家對(duì)腳本之家的支持。

您可能感興趣的文章: