jQuery是一个非常优秀的JavaScript库,它能够轻松地操作和处理HTML文档、处理事件、动态改变CSS和页面内容,甚至还可以进行Ajax操作。在jQuery的开发过程中,我们会经常遇到各种数据类型的转换,本文将详细介绍jQuery中常用的数据类型转换方法。
一、Number转换
parseInt方法
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方法
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方法
toString方法可以将数值类型转换为字符串类型,也可以指定进位制:
var
num = 123;
console.log(num.toString());
// "123"
var
num = 10;
console.log(num.toString(2));
// "1010"
join方法
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方法
toArray方法可以将类数组对象转换为真正的数组对象:
var
args =
function
() {
return
arguments;
}();
// 注意这里必须要加括号,否则会被当成语句块处理
var
arr = Array.prototype.slice.call(args);
console.log(arr);
// [1, 2, "hello"]
from方法
from方法可以将某些类数组对象转换为真正的数组对象:
var
set =
new
Set([1, 2, 3]);
var
arr = Array.from(set);
console.log(arr);
// [1,2,3]
四、Object转换
JSON.stringify方法
JSON.stringify方法可以将任意对象转换成JSON字符串:
var
obj = {
name:
"Tom"
,
age: 20
};
console.log(JSON.stringify(obj));
// {"name":"Tom","age":20}
$.param方法
$.param方法可以将任意对象转换成序列化的字符串:
var
obj = { name:
"Tom"
, age: 20 };
console.log($.param(obj));
// "name=Tom&age=20"
五、其他
typeof方法
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方法
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
在开发过程中,我们需要经常进行数据类型的转换,上面提到的这些方法都是开发必须要了解的。希望可以对大家有所帮助。