js之数据类型_alert(`两个数相加的和是:${num1 + num2}`) $作用-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_53165476/article/details/131126963

本文介绍了JavaScript中的弱数据类型特性，强调了使用运算符时的数据类型转换规则，如+号两边为字符串时会拼接，其他算术运算符会转换为数字类型。还提到了显式转换方法，如Number、parseInt和parseFloat函数用于将数据转换为数字。最后，提供了两个计算和显示数字之和以及订单信息的实例。

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

js是弱数据类型，其本身也不知道变量到底属于哪种数据类型

使用表单、prompt获取过来的数据默认是字符串类型的，不能直接进行运算

可以通过 typeof 属性，分辨变量的数据类型：

 console.log(typeof +'123') //number
  console.log(typeof '123') //string

隐式转换

某些运算符被执行时，系统内部自动将数据类型进行转换；

规则、技巧：

1）+ 号两边只要有一个是字符串，都会把另一个转成字符串

2）除了 + 号以外的算术运算符，比如 * - / 等都会把数据类型转成数字类型

 console.log('lxx' + 1) //lxx1
  console.log(2 + '2') //22
  console.log(2 - '2') //0

3）+ 号作为正号解析可以转换成数字型

  console.log(+'123') //123

  let num = +prompt("请输入年薪") 
  console.log(num) //“输入的数值”

4）任何数据和字符串相加结果都是子符串

显式转换

1、转换成数字型

1）Number ：如果字符串内容里有非数字，转换失败结果为NaN,其也是number类型的数据，代表非数字。

2）parseInt：只保留整数

3）parseFloat：可以保留小数

 let str = '123'
 console.log(Number(str)) //123
 console.log(Number('linsir')) //NaN

 console.log(parseInt('12.56px')) //12
 console.log(parseFloat('12.56px')) //12.56

简单实例：

1、输入两个数，计算两者的和，打印到页面中

let num1 = +prompt('请输入第一个数字：')
let num2 = +prompt('请输入第二个数字：')
alert(`两个数相加的和为：${num1 + num2}`)

2、输入并计算订单信息

   <style>
        h2 {
            text-align: center;
        }

        table {
            /* 合并相邻边框 */
            border-collapse: collapse;
            height: 80px;
            /* 使表格水平居中 */
            margin: 0 auto;
            text-align: center;
        }

        th {
            padding: 5px 30px;
        }

        table,
        th,
        td {
            border: 1px solid #000;
        }
    </style>
</head>
<body>
    <h2>订单确认</h2>
    <script>
        let goods = prompt('请输入商品名称：')
        let price = +prompt('请输入商品的价格：')
        let num = +prompt('请输入商品数量：')
        let address = prompt('请输入收货地址')
        // 计算总额
        let total = price * num
        // 页面打印渲染 （使用模板字符串）
        document.write(` 
        <table>
        <tr>
            <th>商品名称</th>
            <th>商品价格</th>
            <th>商品数量</th>
            <th>总价</th>
            <th>收货地址</th>
        </tr>
        <tr>
            <td>${goods}</td>
            <td>${price}元</td>
            <td>${num}</td>
            <td>${total}元</td>
            <td>${address}</td>
        </tr>
    </table>
        `)
    </script>
</body>