JavaScript（注释，数据类型，运算符,条件语句）

一        注释

1.1        单行注释

//这是单行注释

1.2        多行注释

/*这是多行注释*/

1.3        嵌套在HTML文件中注释

<!--注释-->

1.4        注释的快捷键

ctrl+/

二        JavaScript输出方式

2.1        在浏览器中展示对话框，弹出要展示的内容

alert（"要输出的内容"）

2.2        在页面弹出相应内容

document.write("要输出的内容")

2.3        在控制台中输出相关内容（最常用）

console.log("要输出的内容")

三        数据类型

3.1        JavaScript数据类型

数值，布尔值，字符串，null，对象，undefined共六种类型

ES6新增Symbol和Bight类型

3.1.1        原始数据类型

---

数值/数字

var age=20；

---

字符串(单引号或双引号包裹着）

var name="mark"

var name='来福'

---

布尔型（用于逻辑运算与运算判断）

var flag=true；

var flag=false；

3.1.2        合成数据类型

对象：object( 因为一个对象中往往是多个原始类型值的合成，可以看作是一个存放各种值的容器）

---

var user={

        name："来福",

        age:20,

        learn:true

}

undefined和null看成特殊值（没有特殊含义）

3.1.3        typeof运算符

作用：判断基本数据类型时使用

---

3.1.3.1        数值返回number

var age=10；

console log（typeof age）

3.1.3.2        字符串返回String

---

typeof '123'

3.1.3.3        对象返回object

---

typeof{}

null和undefined没有区别

3.2        运算符

3.2.1        加减乘除运算符

+        -        *        /

3.2.2        余数运算符

%

3.2.3        自增自减

自增：+1

++a

自减：-1

--a

注意：放在变量之前，会先进行自增自减操作，再返回变量操作后的值；放在变量之后，会先返回变量操作前的值，再进行自增自减操作

3.2.4         一元运算符与二元运算符

一元运算符：只需要一个运算子

二元运算符：只需要两个运算符

3.2.5        运算符之赋值运算符

赋值运算符用于给变量赋值

最常见的赋值运算符：=

可以与其他运算符结合：-=        +=        *=        /=

---

var x=10

var y=10

x+=y        x=x+y

---

console(x+=y)

3.2.6        运算符之比较运算符

JavaScript提供了八个基本运算符之比较运算符

< 大于

 >小于       

<= 小于等于     

 >=大于等于       

== 等于       

===恒等于（严格比较，数值本身是否相等，以及数值类型是否相等）        

!=不等于       

!==严格不等于（严格比较，数值本身是否不相等，以及数值类型是否不相等） 

3.2.7        运算符之布尔运算符

---

3.2.7.1        取反        ！

对于布尔值，取反运算符会将其转为布尔值，以下六个值取反后为true，其他值都是false

undefined，null，false，0，NaN，空字符串

---

3.2.7.2         且        &&

多个条件都要满足

console.log(10>0 && 10<20)

---

3.2.7.3         或        ||

只需要满足一个条件

console.log(10>0 || 10>20)

四       条件语句

4.1        条件语句之if... else

var age=10

if（age<10）{

        console.log(age)

}

else{

        console.log(‘false’)

}

4.2        条件语句之switch

var i=1

switch（i）{

case  1：

        console.log(i)

break

case 2:

        console.;log("false")

break

default:

         console.;log("false")

}

4.3        三目运算符（三元运算符）

作用：用于进行逻辑运算,可以替代简单的if else语句

---

(条件)？表达式1：表达式2

条件为真，执行表达式1，条件为假，执行表达式2

---

var num=5

（num>5）? console.log(num) : console.log(1)

4.4        循环语句之for

for就是循环命令，可以指定循环的起点，终点和结束条件

---

for（初始化表达式；布尔表达式；迭代因子）{

        语句

}

初始化表达式：只在循环开始时执行。只执行一次

布尔表达式：简单的理解为表达式，每轮循环开始前都会执行这个表达式，只有为真，循环才会开始执行

迭代因子：每轮循环的最后一个操作，用于递增循环变量

---

for（var i = 1；i <= 100;i++){

        console.log(i)

}

4.5        循环语句之while循环

while循环包括一个循环条件和一段代码，只要条件为真，就不断执行语句

---

while（条件）{

        语句

}

---

var num=1

while（num<5){

        console.log(num)

        num++

}

4.6        break与continue语句

相同点：都有跳转作用，改变当前循环

4.7        字符串

概念：字符串就是零个或多个排在一起的字符，放在单引号或者双引号之中

---

单引号字符串的内部，可以使用双引号，双引号字符串的内部，可以使用但引号

如果要在单引号字符串的内部使用单引号，就必须在内部的单引号前面加上反斜杠，用来转义，双引号内部使用双引号也是如此

字符串只能默认在一行，分成多行会报错

如果长字符串必须分成多行，可以每一行的尾部加上反斜杠

---

length属性:返回字符串的长度

var i=‘11111’

console.log(i.length)

4.7.1        charAt()方法

---

作用：返回指定位置的字符，参数是从0开始编号的，如果参数为负数，或者大于字符串的长度，返回空字符串

var s=new string（‘love’）

s.chatAt(s.length-1)

4.7.2        concat方法

---

作用：连接两个字符串，返回一个新字符串，不改变原字符串

如果参数不是字符串，concat会将其先转为字符串，然后再连接

可以用+代替，但是加号是遇到数字就进行运算，遇到字符串进行连接，concat方法是不管什么类型直接连接

var a=‘love’

var b=‘gousi’

a.concat(b)

4.7.3        substring方法

作用：用于从原字符串中取出子字符串并返回，不改变原字符串，它的第一个参数是标识和子字符串的开始位置，第二个位置表示结束位置，返回结果不包含该位置

 如果省略第二个参数，则表示子字符串一直到原字符串结束

如果参数是负数，则该方法会自动将负数转为0

如果第一个参数大于第二个参数，该方法会自动调换两个参数的位置

‘loveyou’.substring(0,2)

4.7.4        substr方法

作用：用于从原字符串取出子字符串并返回，不改变原字符串

第一个参数是子字符串的开始位置，第二个参数是子字符串的长度

 如果省略第二个参数，则表示子字符串一直到原字符串结束

如果第一个参数是负数，则表示倒数计算的字符位置，如果第二个数是负数，将自动转为0，因此会放回空字符串

‘lovegpisi’.substr（0，2）

4.7.5        indexOf方法

作用：用于确定一个字符串在另一个字符串中第一次出现的位置，返回位置是匹配开始的位置，如果返回-1，就表示不匹配

还可以接受第二个参数，表示从该位置开始向后匹配

‘hellopig’.indexOf('o',3)

4.7.6        trim方法

作用：用于去除字符串两端的空格，返回一个空字符串，不改变原字符串

该方法去除的不仅仅是空格，还包括制表符，换行符，回车符

‘ jiuyue jiu’.trim()

4.7.7         split方法

作用：按照给定的规则分割字符串，返回一个分割出来的子字符串组成的数组

如果分割规则为空字符串，则返回数组的成员是原字符串的每一个字符

如果省略参数，则返回数组的唯一成员就是原字符串

还可以接受第二个参数，限定返回数组的最大成员数

‘hellop|ig’.split（‘|’，0）