Web前端开发笔记之JS回顾02——变量、数组、数据类型及转换

目录

变量是什么？

变量的基本使用：

变量的本质：

变量命名规则与规范：

 let和var的区别：

 数组的使用：

 JS数据类型：

 检测数据类型：

类型转换：

---

变量是什么？

变量是用来存储数据的容器。

变量的基本使用：

1.声明对象：

要想使用变量，首先需要创建变量。

语法：

 

在let变量声明时其作用域只在当前代码段中，而var也是一种变量声明符，其可以更新掉已声明的变量。 

变量的本质：

变量命名规则与规范：

 let和var的区别：

 数组的使用：

 数组的声明，需要注意其是按照顺序来存储的。

其语法结构很简单：

 取出某一个元素，使用“数组名[X]”，其中X是下标。

 JS数据类型：

1.  数字类型
   
2. 字符串类型
   
3. 字符串拼接
   使用“字符串+字符串”可以用于拼接字符串。
   同样我们也可以使用混合类型组成，字符串可以和变量、数字拼接成新字符串。
4. 模板字符串
   使用反引号创建空间。
   
   需要注意的是：我们在使用${表达式}时，花括号中的内容可以是表达式形式。
   同时，我们也可以使用模板字符串来编写html内容。如下：

   <script>
       // let name=prompt('your name?')
       // let age=prompt('your age')
       // // console.log(name+ ' is ' +age + " years old!")
       // console.log(`${name} is ${age-1} years old!`)
       document.write(`<h3>TITLE</h3><p>hello, this is my blog!</p>`)
   </script>

5.  布尔类型、undefined、null
   
   
   
   
   
   第三种情况下，age被当作全局变量，所以不提倡使用。

 检测数据类型：

 

类型转换：

•  隐式转换：

• 显示转换：

数字类型转化：

 小数型数据强转会被一刀切，不会四舍五入。

 从上面的代码中，我们知道parseFloat可以用于过滤一些非数字类型（当然parseInt也可以，不过会过滤小数部分）。

string类型转化：

 toString可以在括号中加数字来进行进制转化。