JavaScript 数据类型

最新推荐文章于 2024-06-29 21:15:00 发布

秋城落叶

最新推荐文章于 2024-06-29 21:15:00 发布

阅读量171

点赞数 1

本文链接：https://blog.youkuaiyun.com/qq_40861561/article/details/105217362

版权

关键字	简介
undefined	声明了但未赋值
Boolean	布尔
Number	数字
String	字符串
var	动态类型
typeof	变量类型判断
null	空对象/对象不存在

JavaScript 字符串

字符串是存储字符的变量

字符串是引号中的文本,可以使用单引号或双引号:

<!DOCTYPE html>
<html>
<body>
<script>
var name="小明";
var age='15';
var sex="男";
document.write(name + "<br>")
document.write(age + "<br>")
document.write(sex + "<br>")
</script>
</body>
</html>

JavaScript数字

JavaScript 只有一种数字类型。

数字可以带小数点,也可以不带:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
        <script>
  var a=330; //十进制
  var b=0330;//第一位是0，表示八进制
  var c=0xA;//0x开头表示十六进制
  var d=3.30;//有小数点表示浮点数
  var e=3.30e2;//使用e的幂表示科学计数法
  document.write("十进制 330 的值: "+a);
  document.write("<br>");
  document.write("八进制 0330的值: "+b);
  document.write("<br>");
  document.write("十六进制 0xA 的值: "+c);
  document.write("<br>");
  document.write("浮点数 3.30的值: "+d);
  document.write("<br>");
  document.write("科学记数法 3.30e2的值: "+e);
  document.write("<br>");
</script>
    </body>
</html>

JavaScript布尔

布尔（逻辑）只能有两个值:true或false

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
 <script>
  var x=true;
  var y=false;
  document.write("布尔值:"+x);
  document.write("<br>")
  document.write("布尔值:"+y);
</script>
    </body>
</html>

JavaScript对象

对象由花括号分隔。

在括号内部，对象的属性以名称和值对的形式(name:value)来定义属性由逗号分隔:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
  <p id="demo"></p>
  <script>
      var test ={
          name:"张三",
          age:"12",
          sex:"男",
      };
      document.getElementById("demo").innerHTML = test.name +
      test.age+test.sex;
  </script>
    </body>
</html>

Undefined和Null

Undefined这个值表示变量不含有值

可以通过将变量的值设置为null来清空变量

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
<script>
var a;
var b="JavaScript";
document.write(a + "<br>");
document.write(b + "<br>");
var b=null
document.write(b + "<br>");
</script>
    </body>
</html>

JavaScript拥有动态类型

JavaScript拥有动态类型。可用作不同的类型:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
<script>
    var a; //undefined
    var b =330; //数值
    var c = "JavaScript"; //字符串值
    document.write(a);
    document.write("<br>");
    document.write(b);
    document.write("<br>");
    document.write(c);
</script>
    </body>
</html>

typeof运算符

typeof运算符返回变量或表达式的类型:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
<script>
  var a;
  document.write('声明了未赋值的时候，类型是： '+typeof a);
  document.write("<br>");
  b=330;
  document.write('赋值为330，类型是： '+typeof b);
  document.write("<br>");
  c=33.0;
  document.write('赋值为33.0，类型是： '+typeof c);
  document.write("<br>");
  d=true;
  document.write('赋值为true，类型是：'+typeof d);
  document.write("<br>");
  e="JavaScript";
  document.write('赋值为JavaScript，类型是： '+typeof e);
</script>
    </body>
</html>

JavaScript 数组

JavaScript 数组用方括号书写数组由逗号分隔

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title> 
    </head>
    <body>
<p id="demo"></p>
<script>
var test= ["jQuery", "Vue", "JavaScript"];
document.getElementById("demo").innerHTML = test[2];
</script>
    </body>
</html>