学习笔记，仅供参考，有错必纠

参考自：pink老师教案


文章目录




JavaScript入门



简单数据类型



JavaScript 中的简单数据类型及其说明如下：

JavaScript入门(part4)--简单数据类型_字符串



数字型number



JavaScript 数字类型既可以保存整数，也可以保存小数(浮点数)：

var age = 21;       // 整数
var Age = 21.3747;  // 小数



数字型范围



  • 最大值：​​Number.MAX_VALUE​​，这个值为： ​​1.7976931348623157e+308​​
  • 最小值：​​Number.MIN_VALUE​​，这个值为：​​5e-32​​


数字型三个特殊值



  • ​​Infinity​​ ：代表无穷大，大于任何数值
  • ​​-Infinity​​ ：代表无穷小，小于任何数值
  • ​​NaN​​ ：Not a number，代表一个非数值


函数isNaN



该函数可以用来判断一个变量是否为非数字的类型，返回 true 或者 false：

JavaScript入门(part4)--简单数据类型_javascript_02



  • 举个例子

HTML代码：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>简单数据类型</title>
    <script>
        var a = 10;
        var b = 'Goat';
        console.log(isNaN(a));
        console.log(isNaN(b));
    </script>

</head>

<body>
    <p>打开控制台</p>
</body>

</html>

控制台：

JavaScript入门(part4)--简单数据类型_javascript_03



字符串型string



字符串型可以是引号中的任意文本，其语法为 双引号​​""​​​和单引号​​''​​，例如：

var strMsg = "安徽财经大学";  // 使用双引号表示字符串
var strMsg2 = '统计与应用数学学院';    // 使用单引号表示字符串

因为 HTML 标签里面的属性使用的是双引号，JS 这里我们更推荐使用单引号。



  • 字符串引号嵌套


JS 可以用单引号嵌套双引号 ，或者用双引号嵌套单引号 (外双内单，外单内双)：

var strMsg = '我是"安徽财经大学"的学生';   // 可以用''包含""
var strMsg2 = "我是'统数院'的学生";  // 也可以用"" 包含''



  • 字符串转义符


转义符都是​​\​​开头的，常用的义符及其说明如下：

转义符

解释说明

​​\n​​

换行符，n 是 newline 的意思

​​\\​​

斜杠 \

​​\'​​

’ 单引号

​​\"​​

”双引号

​​\t​​

tab 缩进

​​\b​​

空格 ，b 是 blank 的意思


  • 字符串长度


通过字符串的​​length​​属性可以获取整个字符串的长度：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>数据类型</title>
    <script>
        var demo1 = "安徽财经大学";
        alert("字符串的数量为：" + demo1.length);
    </script>

</head>

<body>

</body>

</html>



页面：

JavaScript入门(part4)--简单数据类型_html_04



  • 字符串拼接


多个字符串之间可以使用 ​​+​​​ 进行拼接，其拼接方式为​​字符串 + 任何类型 = 拼接之后的新字符串​​，拼接前会把与字符串相加的任何类型转成字符串，再拼接成一个新的字符串：

//1.1 字符串 "相加"
alert('hello' + ' ' + 'world'); // hello world
//1.2 数值字符串 "相加"
alert('100' + '100'); // 100100
//1.3 数值字符串 + 数值
alert('11' + 12);     // 1112



  • 字符串拼接加强
console.log('山羊' + 23);        // 只要有字符就会相连 
var age = 23;
console.log('山羊' + age);
console.log('山羊' + age + '岁啦');



布尔型boolean



布尔类型有两个值：true 和 false ，其中 true 表示真(对)，而 false 表示假(错)。布尔型和数字型相加的时候， true 的值为 1 ，false 的值为 0：

console.log(true + 1);  // 2
console.log(false + 1); // 1



undefined和 null



一个声明后没有被赋值的变量会有一个默认值undefined：

var variable;
console.log(variable);           // undefined
console.log('你好' + variable);  // 你好undefined
console.log(11 + variable);     // NaN
console.log(true + variable);   //  NaN



个声明变量给 null 值，则变量里存的值为空：

var vari = null;
console.log('你好' + vari);  // 你好null
console.log(11 + vari);     // 11
console.log(true + vari);   //  1