js 基本语法

在学习 js 基本语法的过程中，把遇见的知识点和问题记录写下来，以便未来复习和参考。

数据类型有：数据，字符串，数组，数字，布尔值等。

一、数据类型

1.number

2.布尔值

只有 true 和 false 两种，可以直接用 true 和 false 来表达，比如：

true;	//true
false;	//false
2>1;	//true
2>3;	//fasle

与 && 两者同时为true，运算结果为true

或 || 只要有一个为true，运算结果就是true

非！ 当程序为true时，运算结果取反为false

var age = 15;
if(age >= 18) {
  alert('adult')
}else{
  alert('teenager')
}

age 值是 15，当 age 大于且等于 18 的时候浏览器弹出 adult，反之弹出 teenager

3.字符串

4.比较运算符

==和===

当使用==进行比较的时候，一般会自动转换类型然后再进行比较

当使用===进行比较的时候，如果数据类型不一样，直接返回false，等到类型一致了，然后再进行比较

有一个特殊的number就是NaN，它不与任何值相等，包括它自己NaN

NaN === NaN	//false

5.`null`和`undefined`

null表示一个空值，0表示一个数值，''表示长度为 0 的字符串，但是null表示空

undefined表示未定义

但是区分两者意义不大，大多数还是在用null，undefined仅仅在判断函数参数是否传递的情况下有用

6.数组 Array

[ ] ，表示一组按顺序排列的集合，其中的每个值称为元素

new Array(1,2,3)	//[1,2,3]

数组的索引

二、对象和变量

var person = {
  name: 'jack',
  age: 20,
  city: 'hangzhou'
}

person是对象变量，name: 'jack'这就是一个键值对，name是属性名，'jack'是属性

要获取一个对象的属性，用对象变量.属性，也就是person.name，结果是jack

person.name	//jack
person.age	//20

var是一个动态语言，就算 var 定义了 x = 100，后面又有 x = x+ 100，所以就变成了 200,

var x = 100;
x = x+ 100;
console.log(x)	//200

假如用 int 来定义 x，后面的 x = x + 100 就会报错

并且使用 var 定义的变量只会存在与该函数作用域，并不是默认的全局变量

而如果没有使用var，直接定义i = 100，变量 i 会被默认为全局变量

三、字符串

需要用到转义字符\

1.模板字符串

var name = '小明';
var age = 20;
var message = name + '今年' + age + '了';
//小明今年20了
var message = `${naem}，你今年${20}了`
//ES6新增的语法，一样的结果

字符串不可改变

如果对字符串的某个索引赋值，不会报错，不会发生任何改变

var a = 'hello,world!'
a[0];	//h
a[0] = k;
console.log(a);	//结果为'hello,world!'，不会发生改变

2.toUpperCase 大写

他会返回一个新的字符串，把一个字符串全部变成大写

var a = 'hello';
a.toUpperCase();	//返回HELLO

3.toLowerCase 小写

他会返回一个新的字符串，他会把一个字符串全部变成小写

var a = 'hello'
a.toLowerCase();	//HELLO

4.indexOf

他会返回指定字符串的索引，如果没有找到指定的字符串，则会返回-1

var a = 'hello,world!'
a.indexOf('world');	//6

5.substring

他会返回指定区间索引的字符串，包括前一个数，不包括后一个数

var a = 'hello,world!'
a.substrng(0, 5);	//hello

如果()里面只有一个数值，则从这个数值的索引开始直到结束，比如：

var a = 'hello,world!';
a.substring(6);	//返回world!

四、数组

数组Array可以包含任何类型的数据，并通过索引来访问每个数据

1.length 属性

Array的长度可以用length属性来获取，它和索引不一样，从 1 开始计算

var arr = [1,2,3,'hello',null,true]
arr.length;	//返回6

并且通过改变length的值，可以改变数组的内容大小变化

var arr = [1,2,3,'hello',null,true]
arr.length;	//6
arr.length = 8;	//[1,2,3,'hello',null,true,undefined,undefined]
arr.length = 2;	//[1,2]

2.通过索引改变数组

Array可以直接通过索引修改对应的元素

var arr = [1,2,3]
arr[1] = 'hello'
console.log(arr); 	//[1,'hello',3]

js 允许直接通过索引改变数组的长度，不会报错，但是不建议这么做

3.indexOf

Array可以通过indexOf来搜索一个指定的元素的索引

var arr = [1,2,3,'hello']
arr.indexOf(1);	//0
arr.indexOf(3); //2

4.slice

slice属性与substring类似，后者是截取字符串的内容，slice是截取数组的内容，然后返回一个新的数组

如果有两个数值，包括前面的数值，不包括后面的数值；如果只有一个数值，则从它开始算起一直到结束

var arr = [1,2,3,4,5];
arr.slice[0,2];	//返回[1,2]
arr.slice[2];	//返回[3,4,5]

如果slice不指定数值，则返回数组的全部内容，可以利用这个特性复制一个相同的数组出来

var arr = [1,2,3];
var arr1 = arr.slice();
console.log(arr1);	//[1,2,3]
arr1 === arr;	//true

注意：两个数组相比都是 false，就算数组内容一样也会 false
var arr = [1,2,3]
var arr1 = [1,2,3]
arr === arr1	//false

5.push 和 pop

push()向数组的末尾添加元素

pop()把数组的最后一个元素删掉

6.unshifth 和 shift

unshift()向数组的头部添加元素

shift()把数组的第一个元素删掉

7.sort

sort()可以对数组进行排序，会直接修改当前数组的元素位置，直接调用时，会按照默认的方式排序

var arr = [B,A,C]
arr.sort();
arr	//[A,B,C]

8.reverse

reverse()会把整个数组调个个，不是反向排序

var arr = [2,1,3]
arr.reverse();
arr;	//[3,1,2]

9.splice

这个属性是万能的方法，通过调用splice()，可以从指定的索引删除元素或者添加元素

五、条件判断

在 js 中，使用 if() {...} else {...}进行条件判断

var age = 22;
if(age>20) {
  // 如果age>20成立，执行该语句
  console.log('22>20')
}else {
  // 如果age>20不成立，则执行该语句
  conosle.log('22<20')
}

最终，控制台会打印出22>20，因为条件成立

执行的语句要用{}包裹起来，防止其他情况会报错

多条件判断语句

三个或者三个以上多判断语句，被称为多条件判断语句

var a = 10
if(a<10) {
  console.log('a<10')
}else if(a>20){
  console.log('a>10')
}else{
  console.log('10<=a<=20')
}

如果多个条件中都满足，则取第一个满足的结果，执行其代码，之后满足的自动忽略掉，所以在进行条件判断的时候，不要重复判断情况

一个复杂的多条件判断语句

var height = parseFloat(prompt('请输入身高(m):'));
var weight = parseFloat(prompt('请输入体重(kg):'));
var bmi = weight/(height*height);
if(bmi < 18.5) {
  console.log('过轻')
}else if(bmi>18.5,bmi<25) {
  console.log('正常')
}else if(bmi>25,bmi<28){
  console.log('过重')
}else  if(bmi>28,bmi<32){
  console.log('肥胖')
}else{
  console.log('严重肥胖')
}

parseFloat可以解析一个字符串，并返回一个数字

六、循环

简单的运算可以手打出来

1 + 2 + 3
// 控制台输出 6

但是几百次，几千次，几万次的运算无法手打，可以依靠循环语句来进行计算，为了让计算机能够进行成千上万次的运算

循环语句有两种 for 和 while，他们有不同的用法，适应不同的情况

1. for 循环

通过初始条件，结束条件和递增条件来循环执行语句块

var x = 0
var i
for(i = 1; i <= 1000; i++) {
  x = x + i
}

i = 1 是初始条件，i 从 1 开始算起 i<=是判断条件，满足就执行循环，不满足就退出循环 i++ 是递增条件，每次循环过后都是＋1，当无数次后不满足了 i<=1000，会跳出循环

2. 通过 for 语句遍历数组

var arr = ['apple', 'banana', 'oringen']
var x,i
for(i = 0; i <= arr.length; i++) {
  x = arr[i]
  console.log(x)
}

3. 用 break 终止 for 循环

var x = 0;
for (  ;  ;  ) { // 将无限循环下去
  if (x > 100) {
    console.log(x)
    break; // 通过if判断来退出循环
  }
  x ++;
}

4. for…in

可以把一个对象对属性循环遍历出来

var person = {
  name: 'jack',
  age: 20,
  city: 'beijing'
};
for(var i in person) {
  console.log(i)
  console.log(person[i])
}

var i in person会把 person 里面所有对属性遍历，然后通过console.log(i)可以把属性名打印出来，console.log(person[i])可以把属性值打印出来

如果对一个数组进行这样的操作，就可以把数组元素对索引打印出来，打印结果是字符串形式

5. while 循环

while循环适用于忽视判断条件的情况，for适用于明确了初始条件和结束条件的情况

比如要计算 1-100 之间的寄数和，可以用while循环

var x = 0
var n = 99
while (n > 0) {
  x = x + n
  n = n - 2
}
x

在变量内部，n 不断自减，直接 n=-1，不满足判断条件，此时退出循环

6. do…while

do...while循环是先循环，然后再判断条件，所以不论条件是否满足，do...while至少循环一次，这是它与for和while的区别

比如：

var n = 0
do{
  n = n + 1
}while(n > 1)
n;	//1

先定义n=0，然后执行n=n+1，所以n=1，再判断条件，当 n>1 的时候执行，不符合，退出循环，控制台输出n，结果为 1

七、Map 和 Set

1. Map

Map是一组键值对的结构，具有极快的查找速度

只要我们定义一个属性名和属性值对应的数组，就可以从这个数组里面通过 name 直接查找数据

var m = new Map([['jack', 95], ['Bob', 94], ['linda', 93]])
m.get('jack')

首先，要初始化一个Map数组

var m = new Map();	//空map
m.set('jack', 95)	//添加一个新的键值对		key-value
m.has('jack')		//检查是否存在 '			jack'key
m.get('jack')		//获取'jack'对应的数据		value
m.delete('jack')	//删除'jack'键值对			key-value
m.get('jack')		//undefined

一个 key 只能对应一个 value，所以如果重复赋值的话，后面的数据会把前面的数据覆盖掉

var m = new Map();
m.set('Adam', 67);
m.set('Adam', 88);
m.get('Adam'); // 88

2. Set

set中值储存key，不储存value，而且在set中，key不能重复，如果重复了，会自动忽略掉重复

首先，创建一个空的set

var m = new Set()	//空set
m.add(1)			//添加一个key
m.delete(1)			//删除一个key
m	 							//控制台输入［ ］空数组，没有数据