1.变量
在 js 中通常以 var 声明
可以用来存储数据
可以更改
2.常见的输出方式
2.1 document.write();
将节点直接写入 body 标签中(文档）
2.2 console.log();
控制台输出语句
可以正常编译代码
2.3 alert();
弹出框语句
3.运算符
3.1算数运算符
// +
var a = 3;
var b = 2;
console.log(a + b);[//] 5
// -
var a = 3;
var a =2;
console.log(a - b);[//] 1
// *
var a = 3;
var b = 2;
var c = "4";
console.log(a * b);[//] 6
[//]如果字符串出现乘除，程序默认将字符串强制转化为数值类型
console.log(a * c);[//] 12
console.log( a / c);[//] 0.75
// /
var a = 3;
var b = 2;
console.log(a / c); [//] 1.5
// % (取余），直接获取到除不尽的余数
var a = 3;
var b = 2;
console.log( a % b);[//] 1
3.2关系运算符
< > <= >=
== 等于号，判断值是否相等
=== 全等，判断值和数据类型是否都相等
!= 不等，判断值是否不相等
!== 全不等 ，判断值和数据类型是否都不相等
3.3 逻辑运算符
&& ：且，符号两边的判断条件必须都成立，结果才为 true
var x = 5;
var y = 10;
console.log( x == 6 && y == 10);[//] false
|| : 或，符号两边的判断条件任意一个成立，结果才为 true
var x = 5;
var y = 10;
console.log(x == 6 || y == 10);[//] true
! ： 非，取反，当判断条件结果为true的时候，取反为false，反之为true
console.log(!true); [//] false
console.log(!(x == y)); [//] true
4.基础数据类型
4.1 数字 number
可以进行算数运算，+号为两个数相加
var a = 1;
4.2字符串 String
由 "" 或 ''包起来的字符，就是字符串
var a = "asdqwe";
在 es6 中，字符串的新写法-------模板字符串``
特点：方便 快捷 可以换行
${}变量的解析，用它把变量包起来，就可以在字符串中灵活的使用变量
box.style.backgroundColor = "rgb("+r+","+g+","+b+")";[//] 字符串的拼接
box.style.backgroundColor = `rgb(${r},${g},${b})`;
4.3 布尔 Boolean
布尔类型只有两个值 true 和 false （对和错）
数字 1 和 0 在布尔类型中分别对应 true 和 false
通常用来做判断
数字0 ： false
undefined : false
Null : false
NaN : false
非 0 的数字：true
字符串 ： true
4.4数组 Array
声明数组有两种方式
方式一：构造函数形式
var arr = new Array();
[//]数组赋值
arr = [1,2,3,"qweqwe",4,5]
console.log(arr);[//] [1,2,3,"qweqwe",4,5]
[//]我们可以根据元素的索引值（索引值是从0开始递增的正整数）来精准的获取到数组中的每一个元素
console.log(arr[0]);[//] 1
方式二 字面量的形式
[//]声明一个空数组
var arr2 = [];
[//]声明一个有值的数组
var arr3 = ['元素1','元素2','元素3','元素4'];
console.log(arr3);
4.5对象 Object
对象由{}包含，里面的数据以键值对的形式存在
var obj = {
[//] : （冒号）前面是键，后面的是值，可以是任意数据类型
"name" : "张三",
'age' : '18',
"sex" : "男'
}
我们可以通过键来直接获取值
var a = obj.name;
var b = obj["name"];[//]通过这种形式键名必须加引号
console.log(a,b);[//]张三 张三
5.数组
5.1数组的声明方式
5.1.1构造函数
var arr = new Array();
声明一个指定长度的空数组
var arr = new Array(10);
声明一个含有具体元素的数组
var arr = new Array(1,2,3,4,5);[//]注意元素数量必须大于小于 2
5.1.2 字面量
var arr = [1,2,3,4,5];
5.2 获取数组中的元素
以数组名[索引值]的形式来精准获取数组的元素，要想获取数组中的每一个元素，就得使用 for 循环
console.log(arr[0]);
5.3 数组的属性
length属性 arr.length
数组的长度就是数组中元素的个数
var arr3 = ['元素1','元素2','元素3'];
var q = arr.length;
console.log(q);[//] 3
5.4数组的操作方法
| 操作方法 | 作用 | 返回值 |
|---|---|---|
| push() | 末尾添加 | 新数组的长度 |
| pop() | 末尾删除 | 被删除的那个元素 |
| unshift() | 首位添加 | 新数组的长度 |
| shiift() | 首位删除 | 被删除的那个元素 |
| splice(index,many,item) | 定向添加和删除 | 删除返回被删除的元素，添加返回空数组 |
| concat() | 拼接两个数组 | 新合成的数 |
| indexOf() | 查找数组中的元素 | 找到返回元素的索引值，找不到，返回-1 |
| join() | 将数组转化成字符串 | 转化好的字符串 |
5.4.1push()
var arr = [1,2,3,4,5]
arr.push('qwe');
console.log(arr);[//][1,2,3,4,5,'qwe']
console.log(arr.push('asd'));[//] 7
5.4.2unshift()
var arr = [1,2,3,4,5];
var a = arr.unshift("qwe");
console.log(arr);[//]['qwe',1,2,3,4,5]
console.log(a);[//] 6
5.4.3 splice()
arr.splice(index,many,item);
index:必须写的参数，设置被添加或者删除的元素的索引值；
many:必须写的参数，设置被删除的元素的数量如果设置为0，则不删除元素；
item:可选参数，添加的新元素；
var arr = [1,2,3,4,5];
var a = arr.splice(1,1);
console.log(arr);[//] [1,3,4,5]
console.log(a);[//] [2]
5.4.4 pop()
var arr = [1,2,3,4,5];
var a = arr.pop();
console.log(arr);[//] [1,2,3,4]
console.log(a);[//] 5
5.4.5 shift()
var arr = [1,2,3,4,5];
var a = arr.shift();
console.log(arr);[//] [2,3,4,5]
console.log(a);[//] 1
5.4.6 concat()
var arr1 = [1,2,3];
var arr2 = [4,5,6];
var a = arr2.concat(arr1);
console.log(a);[//] [4,5,6,1,2,3]
5.4.7 indexOf()
var arr = [5,4,3,2,1,3];
var a = arr.indexOf(3);
[//]如果数组中存在多个重复目标元素，则返回从左往右第一个元素的索引值
console.log(a);[//] 2
5.4.8 join()
var ar = [1,2,3,4,5,6];
var a = arr.join();
[//]默认数组转化成字符串之后，用逗号隔开
[//]如果设置为空字符串，则左右元素连在一起
console.log(a);[//]1,2,3,4,5,6
6.分支语句
6.1 if...else
if(判断条件1){
只符合判断条件1时执行的代码；
}
else if (判断条件2){
不符合判断条件1，但符合判断条件2时执行的代码；
}
else{
无判断条件，当if 和所有的 else if 的判断条件都不满足时，执行此代码；
}
6.2 switch...case
switch(变量){
case 常量值1:
当变量=常量值1时执行的代码
break;
case 常量值2:
当变量=常量值2时执行的代码
break;
.
.
.
default:
当变量不等于所有的常量值时执行的代码
7.循环语句
for
for(声明变量并赋予初始值;对变量进行条件判断;变量的自增/自减){
当变量满足判断条件时，执行的代码，如果变量不满足条件，则不执行代码，并跳出循环
}
for循环的执行顺序
对变量进行判断=>满足条件 执行代码=>变量自增/自减 => 对变量进行判断=>......
诸如此类循环 直到 变量 不满足条件 则 终止循环
