提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  前端

当前栏目

JavaScript基础语法（类型转换）

JavaScript基础 语法 类型转换
2023-09-14 09:05:15 时间

JavaScript基础语法（类型转换）

学习路线：JavaScript基础语法（输出语句）->JavaScript基础语法（变量）->JavaScript基础语法（数据类型）->JavaScript基础语法（运算符）->JavaScript基础语法（流程控制语句）->JavaScript基础语法（类型转换）->JavaScript基础语法（函数）->Array_JavaScript->String_JavaScript->自定义对象_JavaScript->JavaScript_BOM->Window对象->confirm()、setInterval()、setTimeout()->History、Location->闪烁的灯泡->JavaScript_DOM->事件绑定(onclick,onfocus,onblur)->
事件绑定(onmouseout,onmouseover)
->事件绑定(onsubmit)表单提交
->提交表单与验证表单案例

使用==运算符的时候会发生类型转换。

其他类型转为number

  • string转换为 number类型：按照字符串的字面值，转为数字。如果字面值不是数字，则转为NaN

    将 string转换为 number有两种方式：

    • 使用 + 正号运算符：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var str = + "20";
    document.write(str + 1) //21
</script>
</body>
</html>

运行结果
在这里插入图片描述

使用 parseInt() 函数(方法)：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    
<script>
    var str = "20";
    document.write(parseInt(str) + 1);
</script>
</body>
</html>

运行结果
在这里插入图片描述

  • boolean转换为 number类型：true 转为1，false转为0
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  
<script>
  var flag = +false;
  document.write(flag); // 0
</script>
</body>
</html>

运行结果
在这里插入图片描述

其他类型转为boolean

  • number 类型转换为 boolean 类型：0和NaN转为false，其他的数字转为true
  • string 类型转换为 boolean 类型：空字符串转为false，其他的字符串转为true
  • null类型转换为 boolean 类型是 false
  • undefined 转换为 boolean 类型是 false

相关文章