42. JavaScript变量、数据类型、运算符

1. JavaScript简介

JavaScript是由 ECMAScript 标准 + DOM + BOM 组成
DOM --- document 指的是页面源码文档对象
BOM --- browser 指的是浏览器对象

2. JavaScript基础

2.1 注释语法

//这是单行注释

/*
这是多行注释
这是多行注释
*/

2.2 书写方式

[1]在head或body标签内写script标签，进而写JavaScript代码

[2]script标签src属性引入外部JavaScript代码

　引入外链的script标签内部不能书写JavaScript代码

<script src=""></script>

2.3 基本语法

JavaScript以分号(；)作为语句的结束

不写分号也能运行

2.4 变量与常量

[1]声明变量语法

var 变量名 = 变量值

let 变量名 = 变量值（ES6新语法）

[2]var和let的区别

var声明的变量可以全局使用

let声明的变量只能局部使用

[3]变量命名规范

字母、数字、下划线、$

驼峰体

不能以数字开头

[4]常量

常量一旦定义无法修改

const 常量名 = 常量值

2.5 数据类型

[1]前言

JavaScript拥有动态类型

var x; //此时x是undefined
var x=1; //此时x是数字
var x="hello"; //此时x是字符串

查看数据类型的方式：typeof

[2]数值类型（Number）

JavaScript不区分整型和浮点型，只有一种数值类型Number

[3]字符类型（string）

 (1)书写方法

可以是单引号或双引号（不能做到换行），不能是三引号

可以是反引号（能做到换行）

 (2)字符串的拼接

使用 +号 做拼接

(3)常用方法

统计长度length

移除空白trim（不能移除字符）

切片操作substring(不支持负数索引)、slice(支持负数索引)

大小写转换.toLowerCase()、.toUpperCase()

分割：split(分隔符，个数)

(4)字符串的格式化输出

${} 会向前找定义过的变量值，如果找不到会报错

使用反引号 `  `进行格式化输出

[4]NaN表示不是一个数字

Not a Number

[5]类型转换

parseInt方法：只要开头有数字就可以转，如果开头不是数字则为NaN

parseFloat方法：只要开头有数字就可以转，如果开头不是数字则为NaN

[6]布尔类型Boolean

布尔值是小写：true、false

布尔值为false的情况：0、空字符串、null、undefined、NaN

[7]数组

(1)概念

array，类似于python中的列表

(2)数组常用的方法

方法名称	功能描述	返回值类型	是否改变原数组
forEach/for...of	遍历数组（forEach处理每个元素，for...of可读取元素并自动解包）	无	不会
concat	合并数组	新数组	不会
join	将数组转化为字符串	字符串	不会
pop	删除数组最后一个元素	删除的数据（即数组最后一个元素）	会
shift	删除数组第一个元素	删除的数据（即数组第一个元素）	会
unshift	在数组开头添加元素	新数组长度	会
push	在数组末尾添加元素	新数组长度	会
reverse	翻转数组顺序	翻转后的数组	会
sort	对数组元素排序	排序后的数组	会
slice	截取数组部分元素	新数组	不会
splice	插入、删除或替换数组元素	被删除或替换的元素	会
toString	数组转为字符串	字符串	不会
valueOf	获取数组原始值	原始值	不会
indexOf	查找指定元素在数组中的位置	元素索引（若不存在则返回 -1）	不会
lastIndexOf	查找指定元素在数组中最后一次出现的位置	元素索引	不会
map	应用函数映射数组元素	新数组	不会
filter	根据条件筛选数组元素	新数组	不会
every	判断数组所有元素是否都满足条件	布尔值	不会
some	判断数组是否有元素满足条件	布尔值	不会
reduce	按规则累积数组元素生成单个返回值	单一返回值	可以，但通常不会直接改变原数组
rightReduce	类似于reduce，但从数组末尾开始累积	单一返回值	可以，但通常不会直接改变原数组

(3)末尾添加元素push

(4)删除最后一个元素pop

(5)开头添加元素unshift

(6)删除第一个元素shift

(7)合并数组concat

(8)遍历数组forEach

array.forEach(function(currentValue, index, arr), thisValue);
currentValue：数组中正在处理的当前元素。
index（可选）：当前元素的索引。
arr（可选）：正在遍历的数组。
thisValue（可选）：执行回调时使用的 this 值。

一个参数：

遍历数组中的每一个元素

两个参数： 

遍历数组中的每个元素+数据的索引

三个参数： 

遍历数组中的每个元素+数据的索引+数据的来源

(9)插入、删除或替换数组元素splice

splice(起始位置,删除个数,新增的值)

从索引为2的位置向后删除3个元素（包括索引为2的元素）

从索引为2的位置向后删除3个元素，然后在索引为2的位置添加元素"666"

2.6 运算符

[1] 算术运算符

+　　 加

-  　　减

*　　  乘

/　　  除

%　   取余

++　  递增

--　　递减

var a=10
var res1=a++ //先将a的值复制给res1，然后a自增1（先赋值后自增）
var res2=++a //先将a自增1，然后将a的值赋值给res2（先自增后赋值）
res1
10
res2
12

只要NaN参与运算得到的结果也是NaN
隐式转换：null转换成0，undefined转换成NaN等

[2] 比较运算符

> 　　大于
< 　　小于
<= 　 小于等于
>= 　 大于等于
== 　 相等
!=      不相等
===   全等 与相等区别在于会判断数据类型
!==    不全等

 

==为弱等于，如果比较的类型不同，则自动转换为相同的类型，再进行比较。

===为强等于，不作类型转换。

"6" ==6 
true
"6" ===6
false

[3]逻辑运算符

与　　&&

或　　||

非　　!

隐式转换：NaN 0 控制符 null undefined为false。非0 非空 非NaN的数字 非空字符串转化成true