小程序开发--字符串、数字相互转换

本文深入探讨了JavaScript中数字与字符串之间的转换方法,包括toString(), parseInt(), parseFloat()等函数的用法,以及如何通过Number(), Boolean()进行强制类型转换。同时,介绍了toFixed()函数在数字处理中的应用。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、 数字转字符串 toString()

var num = 2019;
var str = '';

str = num.toString();
console.log('字符串:', str);

二、 字符串转数字 parseInt()和parseFloat()

前者把值转换成整数,后者把值转换成浮点数。

var str = '1111.1111'
var num = ' '

num = parseInt(str) 
console.log('数字:', num);
num = parseFloat(str)
console.log('数字:', num);

parseInt()方法还有基模式,可以把二进制、八进制、十六进制或其他任何进制的字符串转换成整数。基是由parseInt()方法的第二个参数指定的,示例如下:

console.log('数字:', parseInt("AF", 16));  //returns 175
console.log('数字:', parseInt("10", 2));   //returns 2
console.log('数字:', parseInt("10", 8));  //returns 8
console.log('数字:', parseInt("10", 10));  //returns 10


1、强制类型转换

强制类型转换(type casting)处理转换值的类型。使用强制类型转换可以访问特定的值,即使它是另一种类型的。

ECMAScript中可用的3种强制类型转换如下:

  • Boolean(value)——把给定的值转换成Boolean型;
  • Number(value)——把给定的值转换成数字(可以是整数或浮点数);
  • String(value)——把给定的值转换成字符串。

Boolean型的强制类型转换代码

console.log('强制类型转换:', Boolean(""))     //false – empty string   
console.log('强制类型转换:', Boolean("hi"))   //true – non-empty string  
console.log('强制类型转换:', Boolean(100))    //true – non-zero number 
console.log('强制类型转换:', Boolean(null))   //false - null  
console.log('强制类型转换:', Boolean(0))      //false - zero  
console.log('强制类型转换:', Boolean(new Object())) //true – object  

Number()的强制类型转换代码
与parseInt()和parseFloat()方法的处理方式相似

console.log('强制类型转换:', Number(false))     //0
console.log('强制类型转换:', Number(true))      //1
console.log('强制类型转换:', Number(undefined)) //NaN
console.log('强制类型转换:', Number(null))      //0
console.log('强制类型转换:', Number("5.5 "))    //5.5
console.log('强制类型转换:', Number("56 "))     //56
console.log('强制类型转换:', Number("5.6.7 "))  //NaN
console.log('强制类型转换:', Number(new Object())) //NaN
console.log('强制类型转换:', Number(100))          //100

2.利用js变量弱类型转换

(1)对数字处理,保留小数点后数字 toFixed() (toFixed() 函数会四舍五入)

var num = 2.446242342;
num = num.toFixed(2); 
console.log('输出结果:', num) // 输出结果: 2.45   

(2)对数字处理,保留小数点后数字 (不四舍五入)

var num2 = Math.floor(15.7784514000 * 100) / 100
console.log('输出结果:', num2) // 输出结果为 15.77  





### 微信小程序字符串处理方法与示例 在微信小程序开发过程中,字符串处理是一项常见的需求。以下是几种常用的字符串处理方法及其具体实现方式。 #### 1. 字符串数字 可以通过 `parseInt()` 或 `parseFloat()` 将字符串转换为整数或浮点数。`parseInt()` 支持指定基数的转换[^3]。 ```javascript // 示例:将字符串转换为十进制整数 let strInt = "10"; let numInt = parseInt(strInt); // 结果为 10 // 示例:将二进制字符串转换为十进制整数 let binaryStr = "1010"; let decimalNum = parseInt(binaryStr, 2); // 结果为 10 ``` #### 2. 替换字符串中的特定字符 如果需要替换字符串中的某些字符,可以使用正则表达式配合 `replace()` 方法。例如,在微信小程序中,可能需要将空格替换为其他字符[^2]。 ```javascript // 示例:将字符串中的空格替换为下划线 let originalString = "hello world"; let replacedString = originalString.replace(/\s+/g, "_"); // 结果为 "hello_world" ``` #### 3. JSON 对象与字符串之间的相互转换 在微信小程序中,经常需要用到 JSON 数据的操作。可以通过 `JSON.stringify()` 和 `JSON.parse()` 实现对象和字符串之间的互相转换[^5]。 ```javascript // 示例:将 JSON 对象转换字符串 let jsonObject = { name: "John", age: 30 }; let jsonString = JSON.stringify(jsonObject); // 结果为 '{"name":"John","age":30}' // 示例:将 JSON 字符串转换为对象 let jsonStringInput = '{"name":"Doe","age":25}'; let parsedObject = JSON.parse(jsonStringInput); // 结果为 { name: "Doe", age: 25 } ``` #### 4. 字符串生成二维码 在一些场景下,可能需要基于字符串生成二维码。这通常涉及调用第三方库或者自定义函数完成此功能[^4]。 ```javascript function generateQRCode(text) { let codeInfo = {}; codeInfo.qrcode = text; codeInfo = Object.assign(codeInfo, { id: 'codewrap' }); let params = getQrcodeParams(codeInfo); if (params && params.text) { createQRcode(params); } } generateQRCode("https://example.com"); ``` 上述代码片段展示了如何通过传入文本内容生成对应的二维码图片。 --- #### 总结 通过对字符串的各种操作,开发者可以在微信小程序中灵活地处理数据输入、展示以及与其他服务交互的需求。无论是简单的数值转换还是复杂的编码解码过程,都离不开对字符串的有效管理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值