jQuery是一個非常優秀的JavaScript函式庫,它能夠輕鬆地操作和處理HTML文件、處理事件、動態改變CSS和頁面內容,甚至還可以進行Ajax操作。在jQuery的開發過程中,我們會經常遇到各種資料類型的轉換,本文將詳細介紹jQuery中常用的資料類型轉換方法。
一、Number轉換
#parseInt方法可以將字串類型轉換為整數類型,同時也可以指定進前位:
var num = parseInt("123"); console.log(num); // 123 var num = parseInt("123.67"); console.log(num); // 123 var num = parseInt("0xfad", 16); console.log(num); // 4013
parseFloat方法可以將字串類型轉換為浮點數類型,同樣可以進行截斷或保留指定位數:
var float = parseFloat("123.67"); console.log(float); // 123.67 var float = parseFloat("123.671284"); console.log(float.toFixed(2)); // 123.67
二、String轉換
toString方法可以將數值類型轉換為字串類型,也可以指定進位制:
var num = 123; console.log(num.toString()); // "123" var num = 10; console.log(num.toString(2)); // "1010"
join方法可以將陣列型別轉換為字串型別:
var array = [1, 2, 3, 4]; console.log(array.join()); // "1,2,3,4" console.log(array.join("-")); // "1-2-3-4"
三、Array轉換
toArray方法可以將類別數組物件轉換為真正的陣列物件:
var args = function() { return arguments; }(); // 注意这里必须要加括号,否则会被当成语句块处理 var arr = Array.prototype.slice.call(args); console.log(arr); // [1, 2, "hello"]
from方法可以將某些類別數組物件轉換為真正的陣列物件:
var set = new Set([1, 2, 3]); var arr = Array.from(set); console.log(arr); // [1,2,3]
四、Object轉換
JSON.stringify方法可以將任意物件轉換成JSON字串:
var obj = { name: "Tom", age: 20 }; console.log(JSON.stringify(obj)); // {"name":"Tom","age":20}
#$.param方法可以將任意物件轉換成序列化的字串:
var obj = { name: "Tom", age: 20 }; console.log($.param(obj)); // "name=Tom&age=20"
五、其他
typeof方法可以判斷資料類型:
console.log(typeof 123); // "number" console.log(typeof "123"); // "string" console.log(typeof true); // "boolean" console.log(typeof null); // "object" console.log(typeof undefined); // "undefined" console.log(typeof {}); // "object" console.log(typeof []); // "object" console.log(typeof function() {}); // "function"
#isNumeric方法可以判斷一個值是否為數字:
console.log($.isNumeric("123")); // true console.log($.isNumeric(123)); // true console.log($.isNumeric("1e5")); // true console.log($.isNumeric("1.23")); // true console.log($.isNumeric("0xF")); // true console.log($.isNumeric("hello")); // false
在開發過程中,我們需要經常進行資料類型的轉換,而上述的這些方法都是開發必須要了解的方法。希望可以對大家有幫助。
以上是jquery資料型別轉換的詳細內容。更多資訊請關注PHP中文網其他相關文章!