JS语言基础

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数组的操作方法

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循环的执行顺序
    对变量进行判断=>满足条件 执行代码=>变量自增/自减 => 对变量进行判断=>......
    诸如此类循环 直到 变量 不满足条件 则 终止循环