javascript类型转换的例子

王林

发布时间：2023-05-09 21:28:06

451人浏览过

来源于php中文网

原创

javascript作为一门动态弱类型语言，类型转换在其编程中扮演着十分重要的角色。掌握类型转换，可以使程序员利用javascript的灵活性，更好地表达自己的想法。下面我们通过一些例子来探讨javascript中的类型转换。

示例一：数字类型转换

JavaScript中的数字类型有整型和浮点型两种。而在某些情况下，我们可能需要将一些非数字类型的变量或常量转化为数字。在这种时候，我们可以借助JavaScript提供的转换函数，比如 parseInt() 和 parseFloat()。

let str1 = "123";
let str2 = "123.45";
let num1 = parseInt(str1);
let num2 = parseFloat(str2);
console.log(num1);  // 输出123
console.log(num2); // 输出123.45

示例二：字符类型转换

字符类型转换包括了将字符串变量或常量转化成字符数组及反转的过程。这个问题在实际开发中还是比较常见的，例如在协议中传输的字符串会被转成字符数组后再进行传输。

let str = "JavaScript";
let charArr = str.split("");
console.log(charArr);  // 输出["J", "a", "v", "a", "S", "c", "r", "i", "p", "t"]
let newStr = charArr.join("");
console.log(newStr);  // 输出"JavaScript"

示例三：布尔类型转换

JavaScript中的布尔类型只有true和false两种取值。在实际开发中，我们可能会用到以下例子，如通过一些判定语句来更改布尔型变量的值。

let bool1 = true;
let bool2 = false;
let num1 = 1;
let num2 = 0;
console.log(Boolean(bool1));  // 输出true
console.log(Boolean(bool2));  // 输出false
console.log(Boolean(num1)); // 输出true
console.log(Boolean(num2)); // 输出false

示例四：对象类型转换

JavaScript中的对象类型也是需要进行类型转换的。在实际开发中，我们可能会遇到像以下例子中所示的情况：

立即学习“Java免费学习笔记（深入）”；

V63积分商城 FOR DZ GBK

v63积分商城特色功能：支持三种物品类型的发放1.实物：实物领取需要填写收货信息：2.虚拟：可以自定义用户领取需要填写的信息3.卡密：自动发放，后台能够查看编辑卡密状态支持三种种物品发放方式1.兑换：2.拍卖3. 抽奖兑换拍卖信息可以以帖子的形式自动发布当设定了“兑换拍卖自动发帖版块“ ID时，发布商品会自动在改ID版块生成帖子用户兑换或者出价后都会以跟帖的

下载

let obj = {name: "Tom", age: 18};
console.log(obj.toString());  // 输出[object Object]

在上面的例子中，输出结果并不是我们所期望的。因为对象类型转换成字符串类型时，JavaScript并不会按照我们所想象的那样去做。可以通过重定义对象的toString()方法来实现我们所需的类型转换：

let obj = {name: "Tom", age: 18};
obj.toString = function() {
    return `name: ${this.name}, age: ${this.age}`;
}
console.log(obj.toString());  // 输出"name: Tom, age: 18"

通过上述代码实现了对象类型到字符串类型的转换。