javascript類型轉換

1、轉換成布爾類型

所有對象(包括數(shù)組和函數(shù)) 轉換成 布爾類型 都是(true)

注意點使用基礎類型的包裝類時再邏輯判斷中都會被認為是true
new Boolean(false);
new Number(0);
new Number(NaN);
new String('');

使用包裝函數(shù)調用時為false

Boolean(false);
Number(0);
Number(NaN);
String('');

數(shù)字轉換成布爾類型(0和NaN會自動轉為false,其余數(shù)字都被認為是true)
字符串轉為布爾類型(空字符串會被轉為false,其它字符串都會轉為true)
undefined和null轉為布爾類型 (false)

2、轉換成字符串類型

其他類型和字符串類型相"+"時,會轉換成字符串

基礎類型

//基礎類型
var result = 1 + ''; //"1"
var result = true + ''; //"true"
var result = undefined + ''; //"undefined"
var result = null + ''; //"null"

對象和和字符串類型相"+"時:
【以下都是針對返回基礎類型】
1、如果該對象有定義valueOf方法則調用valueOf再和字符串相"+"

var obj = {
  valueOf: function(){
    return '調用valueOf';
  }
}
var result = obj + ''; //"調用valueOf"

2、如果該對象有定義toString方法則調用toString再和字符串相"+"

var obj = {
  toString: function(){
    return '調用toString';
  }
}
var result = obj + ''; //"調用toString"

3、如果該對象toString和valueOf都有定義,會優(yōu)先調用valueOf方法

var obj = {
  valueOf: function(){
    return '調用valueOf';
  },
  toString: function(){
    return '調用toString';
  }
}
var result = obj + ''; //"調用valueOf"

4、如果對象沒有重寫toString和valueOf,會調用Object.prototype上的 toString 方法

var obj = {};
var result = obj + ''; //[object Object]

可以通過以下方式驗證

//1、刪除valueOf方法
delete Object.prototype.valueOf;
var obj = {};
var result = obj + ''; //[object Object]

//2、刪除toString方法
delete Object.prototype.toString;
var obj = {};
var result = obj + ''; //報錯

【對象直接轉換成字符串類型】
如果對象直接轉換成字符串類型會先調用toString再調用valueOf,
比如:

var obj = {
  valueOf: function(){
    return 'valueOf';
  },
  toString: function(){
    return 'toString';
  }
}
var result = String(obj);//toString

【如果toString和valueOf返回的不是基礎類型則視為沒有定義】
valueOf返回一個非基礎類型值

var obj = {
  valueOf: function(){
    return {};
  }
}
var result = obj + ''; //[object Object]

valueOf和toString都返回一個非基礎類型值

var obj = {
  valueOf: function(){
    return {};
  },
  toString: function(){
    return {};
  }
}
var result = obj + ''; //報錯

3、轉換成數(shù)字類型(使用"+"可以將類型轉換成數(shù)字類型和Number()相同)

字符串 轉為 數(shù)字:空字符串被轉為0,非空字符串中,符合數(shù)字規(guī)則的會被轉換為對應的數(shù)字,否則視為NaN

var result = +''; //0;
var result = +'3'; //3;
var result = +'3a': //NaN;

布爾類型 轉為 數(shù)字 :true被轉為1,false被轉為0

var result = +true; //1;
var result = +false; //0;

null 被轉為0,undefined 被轉為NaN

var result = +null; //0;
var result = +undefined; //NaN;

對象轉成數(shù)字會先調用valueOf然后調用toString

var obj = {
  valueOf: function(){
    return 1;
  },
  toString: function(){
    return 2;
  }
}
var result = Number(obj); //1;

總結

1、對象在使用"+"運算符和轉換成數(shù)字類型時,會先調用valueOf然后調用toString
2、對象在轉換成字符串類型時,會先調用toString然后調用valueOf

提示

1、數(shù)組類的toString()方法將每個數(shù)組元素轉換為一個字符串,并在元素之間添加逗號后合并成結果字符串。

[1, 2, 3].toString(); //"1,2,3"

2、函數(shù)類的toString()方法返回這個函數(shù)的實現(xiàn)定義表示方式。

(function(x){}).toString() //"(function(x){}).toString()"

3、日期類定義的toString()方法返回了一個可讀的日期和時間字符串。

new Date().toString(); //"Mon Feb 26 2018 18:04:02 GMT+0800 (CST)"

4、RegExp類定義的toString()方法將RegExp對象轉換為表示正則表達式直接量的字符串

/\d+/g.toString(); //"/\d+/g"

5、日期類的valueOf()方法會返回它的一個內部表示:1970年1月1日以來的毫秒數(shù)
new Date().valueOf(); //1519639650421
6、日期類型對象使用"+"進行運算會返回string類型

var now = new Date();
var result = now + 1; //Mon Feb 26 2018 18:16:33 GMT+0800 (CST)1
var result = now - 1; //1519640226022
var result = now == now.toString(); //true 隱式轉換成string
var result = now > (now - 1); // true 隱式轉換成number
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

友情鏈接更多精彩內容