js中的數(shù)據(jù)類型和數(shù)據(jù)轉(zhuǎn)換

變量基本概念

  • 變量
    • var,let
    • 變量名可以包括字母,_,,必須以字母,_,開頭耳璧。
    • 不可以用系統(tǒng)關(guān)鍵字和保留字命名拆宛。
    • 原始值 存儲(chǔ)在棧內(nèi)存
      • number
      • string
      • boolean
      • undefinded
      • null
      • symbol(es6才有的)
    • 引用類型, 存儲(chǔ)在堆內(nèi)存,通過引用
      • object
      • array
      • function

類型轉(zhuǎn)換

  • typeof 檢測(cè)類型
typeof(a)-----undefined;
//未經(jīng)聲明使用 a,唯一不報(bào)錯(cuò)的方式;
typeof(undefined)-----undefined;
typeof(NaN)-----number;
typeof(null)-----object;
  • a instance of b
    • 官方介紹:a對(duì)象是不是由b構(gòu)造函數(shù)構(gòu)造出來的。
    • 判斷一個(gè)對(duì)象與構(gòu)造函數(shù)是否在一個(gè)原型鏈上
const Person = function() {}
const p1 = new Person()
p1 instanceof Person // true

var str = 'hello world'
str instanceof String // false

var str1 = new String('hello world')
str1 instanceof String // true
  • 類型轉(zhuǎn)換
number(mix);
parseInt(String,radix);
parseFloat(String
String(mix);
toString(radix
Boolean;
  • 轉(zhuǎn)boolean
    除了以下睦裳,都會(huì)轉(zhuǎn)為真造锅,包括空數(shù)組,空對(duì)象
 //false
 //undefined
 //null
 //''
 //NaN
 //0
 // -0 
  • 隱式轉(zhuǎn)換
isNaN();
//++/--/+/- 
//---->Number()
//加減乘除廉邑;
//!哥蔚!轉(zhuǎn)為布爾值

其中一方為字符串,那么就會(huì)把另一方也轉(zhuǎn)換為字符串
如果一方不是字符串或者數(shù)字蛛蒙,那么會(huì)將它轉(zhuǎn)換為數(shù)字或者字符串

還需要注意這個(gè)表達(dá)式'a' + + 'b'

'a' + + 'b' // -> "aNaN"

因?yàn)?+ 'b' 等于 NaN糙箍,所以結(jié)果為 "aNaN",你可能也會(huì)在一些代碼中看到過 + '1' 的形式來快速獲取 number 類型牵祟。

  • 隱式轉(zhuǎn)換題目
console.log(true +1);//2

var demo = false == 1;
console.log(demo);//false

if(typeof(a)&& -true + (+undefined) + "") {
    console.log(會(huì)打印深夯,因?yàn)榍昂蠖际亲址?
}

//!!" "   --------空格是true
//!!""    --------空串是false

100 + 問題

'100' + 100   // "100100"

100 + '100'   // "100100"

100 + true    // 101

100 + false   // 100

100 + undefined //NaN

100 + null    // 100

類型判斷函數(shù)

/**
 * 類型判斷
 1.判斷null
 2.判斷基礎(chǔ)類型
 3.判斷引用類型-原理是利用call指向引用類型,調(diào)用重寫后的toString 方法
 */
function getType(target) {
  //先處理最特殊的Null
  if(target === null) {
    return 'null';
  }
  //判斷是不是基礎(chǔ)類型
  const typeOfT = typeof target
  if(typeOfT !== 'object') {
    return typeOfT;
  }
  //肯定是引用類型了
  //template函數(shù)用來轉(zhuǎn)換系統(tǒng)提示
  const template = {
    "[object Object]": "object",
    "[object Array]" : "array",
    "[object Function]": "function",
    // 一些包裝類型
    "[object String]": "object - string",
    "[object Number]": "object - number",
    "[object Boolean]": "object - boolean"
  };
  const typeStr = Object.prototype.toString.call(target);
  return template[typeStr];
}

基本數(shù)據(jù)類型的toString 方法

  • 基本類型是沒有屬性和方法的诺苹,但仍然可以使用對(duì)象才有的屬性方法咕晋。這時(shí)因?yàn)樵趯?duì)基本類型使用屬性方法的時(shí)候,后臺(tái)會(huì)隱式的創(chuàng)建這個(gè)基本類型的對(duì)象收奔,之后再銷毀這個(gè)對(duì)象

== 操作符

對(duì)于 == 來說掌呜,如果對(duì)比雙方的類型不一樣的話,就會(huì)進(jìn)行類型轉(zhuǎn)換

判斷流程:

  1. 首先會(huì)判斷兩者類型是否相同坪哄。相同的話就是比大小了
  2. 類型不相同的話质蕉,那么就會(huì)進(jìn)行類型轉(zhuǎn)換
  3. 會(huì)先判斷是否在對(duì)比 null 和 undefined势篡,是的話就會(huì)返回 true
  4. 判斷兩者類型是否為 string 和 number,是的話就會(huì)將字符串轉(zhuǎn)換為 number
1 == '1'
      ↓
1 ==  1
  1. 判斷其中一方是否為 boolean模暗,是的話就會(huì)把 boolean 轉(zhuǎn)為 number 再進(jìn)行判斷
'1' == true
        ↓
'1' ==  1
        ↓
 1  ==  1
  1. 判斷其中一方是否為 object 且另一方為 string禁悠、number 或者 symbol,是的話就會(huì)把 object 轉(zhuǎn)為原始類型再進(jìn)行判斷
'1' == { a: 'b' }
        ↓
'1' == '[object Object]'
  1. 兩邊都是對(duì)象的話汰蓉,那么只要不是同一對(duì)象的不同引用绷蹲,都為false

注意,只要出現(xiàn)NaN顾孽,就一定是false祝钢,因?yàn)榫瓦BNaN自己都不等于NaN
對(duì)于NaN,判斷的方法是使用全局函數(shù) isNaN()

=== 操作符

不轉(zhuǎn)類型若厚,直接判斷類型和值是否相同拦英。
但是 NaN === NaN 還是false

{} 等于true還是false

var a = {};

a == true // -> ?
a == false // -> ?

答案是兩個(gè)都為false
因?yàn)?a.toString() -> '[object Object]' -> NaN

1 與 Number(1)有什么區(qū)別

一個(gè)是變量,一個(gè)是函數(shù)

typeof 123 // "number"
typeof new Number(123) // "object"
123 instanceof Number // false
(new Number(123)) instanceof Number // true
123 === new Number(123) // false

區(qū)分對(duì)象的三種方式

  • 1.instanceof
[] instanceof Array  //---> true

2.constructor

[].__proto__.constructor     //--->f Array(){}

3.指向重寫后的toString方法

Obje.prototype.toString.call(123);//object Number
Object.prototype.toString.call({});//object Object
Objectct.prototype.toString.call([]);//object Array

對(duì)象

  • 方式1-字面量表示测秸,推薦使用
var a = {};
  • 方式2-調(diào)用構(gòu)造函數(shù),不推薦使用
var obj = new Object();
  • 方式3 疤估,自定義方法,形式和函數(shù)一樣,為了區(qū)分霎冯,構(gòu)造函數(shù)命名嚴(yán)格按照大駝峰形式(所有單詞首字母大寫)
function Person(){}
var person = new Person();
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末铃拇,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子沈撞,更是在濱河造成了極大的恐慌慷荔,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件缠俺,死亡現(xiàn)場(chǎng)離奇詭異显晶,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)壹士,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門磷雇,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人躏救,你說我怎么就攤上這事唯笙。” “怎么了盒使?”我有些...
    開封第一講書人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵睁本,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我忠怖,道長(zhǎng)呢堰,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任凡泣,我火速辦了婚禮枉疼,結(jié)果婚禮上皮假,老公的妹妹穿的比我還像新娘。我一直安慰自己骂维,他們只是感情好惹资,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著航闺,像睡著了一般褪测。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上潦刃,一...
    開封第一講書人閱讀 49,950評(píng)論 1 291
  • 那天侮措,我揣著相機(jī)與錄音,去河邊找鬼乖杠。 笑死分扎,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的胧洒。 我是一名探鬼主播畏吓,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼卫漫!你這毒婦竟也來了菲饼?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤列赎,失蹤者是張志新(化名)和其女友劉穎宏悦,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粥谬,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡肛根,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年辫塌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了漏策。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡臼氨,死狀恐怖掺喻,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情储矩,我是刑警寧澤感耙,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站持隧,受9級(jí)特大地震影響即硼,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜屡拨,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一只酥、第九天 我趴在偏房一處隱蔽的房頂上張望褥实。 院中可真熱鬧,春花似錦裂允、人聲如沸损离。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)僻澎。三九已至,卻和暖如春十饥,著一層夾襖步出監(jiān)牢的瞬間窟勃,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來泰國(guó)打工绷跑, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留拳恋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓砸捏,卻偏偏與公主長(zhǎng)得像谬运,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子垦藏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容

  • 第3章 基本概念 3.1 語(yǔ)法 3.2 關(guān)鍵字和保留字 3.3 變量 3.4 數(shù)據(jù)類型 5種簡(jiǎn)單數(shù)據(jù)類型:Unde...
    RickCole閱讀 5,106評(píng)論 0 21
  • 函數(shù)和對(duì)象 1梆暖、函數(shù) 1.1 函數(shù)概述 函數(shù)對(duì)于任何一門語(yǔ)言來說都是核心的概念。通過函數(shù)可以封裝任意多條語(yǔ)句掂骏,而且...
    道無虛閱讀 4,550評(píng)論 0 5
  • 值類型轉(zhuǎn)換將值從一種類型轉(zhuǎn)換為另一種類型通常稱為類型轉(zhuǎn)換轰驳,這是顯示的情況;隱式的情況稱為強(qiáng)制類型轉(zhuǎn)換弟灼。JavaSc...
    xpwei閱讀 3,530評(píng)論 0 5
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,219評(píng)論 0 4
  • ??引用類型的值(對(duì)象)是引用類型的一個(gè)實(shí)例田绑。 ??在 ECMAscript 中勤哗,引用類型是一種數(shù)據(jù)結(jié)構(gòu),用于將數(shù)...
    霜天曉閱讀 1,044評(píng)論 0 1