JavaScript類型相關(guān)的常用操作總結(jié)
js的基本數(shù)據(jù)類型有哪些?
ECMAScript中有5中簡單數(shù)據(jù)類型(也稱為基本數(shù)據(jù)類型): Undefined、Null、Boolean、Number和String。還有1中復(fù)雜的數(shù)據(jù)類型————Object,Object本質(zhì)上是由一組無序的名值對組成的。
其中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
如果素組元素包含對象,則調(diào)用對象的toString()方法將對象轉(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ù)組時,所有元素依次打印出來,那是因?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對象(包括數(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 | 必需。要刪除的項(xiàng)目數(shù)量。如果設(shè)置為 0,則不會刪除項(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時間和時間戳的轉(zhuǎn)換
JS時間轉(zhuǎn)時間戳
使用Date對象的方法:
let dateObj = new Date(); // Date對象,當(dāng)前時間 // parse()方法,毫秒級別的數(shù)值被轉(zhuǎn)化為000 Date.parse(dateObj); // 1549976497000 // Date對象的valueOf()方法 dateObj.valueOf(); // 1549976497495 // Date對象的getTime()方法 dateObj.getTime(); // 1549976497495 // 轉(zhuǎn)化為Number類型,包括顯式和隱式類型轉(zhuǎn)換 new Number(dateObj); // Number {1549976497495} dateObj - 0; // 1549976497495
JS時間戳轉(zhuǎn)時間
直接將時間戳作為參數(shù)新建一個Date對象即可,支持毫秒和秒。
let timestamp = 1549976497495; let dateObj = new Date(timestamp); // Date對象 dateObj.getTime(); // 1549976497495 timestamp = 1549976497; dateObj = new Date(timestamp); // Date對象 dateObj.getTime(); // 1549976497
JS字符串和時間戳互轉(zhuǎn)
Date()對象的構(gòu)造函數(shù)不僅可以接受表示時間戳數(shù)字類型的參數(shù),還可以接受時間字符串,但是對格式有要求。
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 (中國標(biāo)準(zhǔn)時間) 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)前時間(從1970.1.1開始的毫秒數(shù)) myDate.getHours(); //獲取當(dāng)前小時數(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)前時間 myDate.toLocaleString( ); //獲取日期與時間----如果涉及到時分秒,直接使用即可。
總結(jié)
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,如果有疑問大家可以留言交流,謝謝大家對腳本之家的支持。
- python中字符串類型json操作的注意事項(xiàng)
- javascript中對Date類型的常用操作小結(jié)
- JavaScript中各種引用類型的常用操作方法小結(jié)
- JavaScript中的操作符類型轉(zhuǎn)換示例總結(jié)
- js 變量類型轉(zhuǎn)換常用函數(shù)與代碼[比較全]
- Javascript中獲取瀏覽器類型和操作系統(tǒng)版本等客戶端信息常用代碼
- 整理JavaScript對DOM中各種類型的元素的常用操作
- 詳解JavaScript中常用的函數(shù)類型
- Javascript中常用類型的格式化方法小結(jié)
- javascript基本數(shù)據(jù)類型及類型檢測常用方法小結(jié)
相關(guān)文章
JS實(shí)現(xiàn)網(wǎng)站樓層導(dǎo)航效果代碼實(shí)例
這篇文章主要介紹了JS實(shí)現(xiàn)網(wǎng)站樓層導(dǎo)航效果代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-06-06Bootstrap面板(Panels)的簡單實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了Bootstrap面板(Panels)的簡單實(shí)現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03js數(shù)組的基本用法及數(shù)組根據(jù)下標(biāo)(數(shù)值或字符)移除元素
js數(shù)組的用法包括創(chuàng)建、取值賦值、添加以及根據(jù)下標(biāo)(數(shù)值或字符)移除元素等等,在本文將為大家詳細(xì)介紹下,感興趣的朋友可以參考下2013-10-10js獲取當(dāng)前年月日詳細(xì)教程(看這一篇就夠了)
這篇文章主要給大家介紹了關(guān)于js獲取當(dāng)前年月日的相關(guān)資料,JavaScript內(nèi)置的Date對象是獲取當(dāng)前日期最常用的工具之一,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-12-12js 數(shù)字、字符串、布爾值的轉(zhuǎn)換方法(必看)
下面小編就為大家?guī)硪黄猨s 數(shù)字、字符串、布爾值的轉(zhuǎn)換方法(必看)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-04-04使用非html5實(shí)現(xiàn)js板連連看游戲示例代碼
連連看游戲通常情況下都是使用html5來實(shí)現(xiàn)的,不過從現(xiàn)在開始就可以使用js來實(shí)現(xiàn)了,具體的代碼如下,喜歡的朋友可以參考下,希望對大家有所幫助2013-09-09