Python小白学习进行时---js基础（2018-7-13）

一、JS初识

二、JS语法

三、运算符

四、分支结构

============================================================

一、JS初识

JS是JavaScript的缩写，是一种web标准中的行为标准，是一种专门用来控制网页的脚本语言。

使用JS

a.内联：将JS代码写在标签中。
b.内部：写在script标签中，注意这个标签可以放到html文件的任何位置。一般放在body的最后面。
c.外部: 写在一个js文件中(后缀是.js的文件)，通过script标签的src属性来导入对应的js文件。导入的位置不是固定的，可以根据需求在合适的位置导入。

二、JS语法

1、语句

a.js语法上，一条语句结束可以写分号也可以不写分号；一行有多条语句，每条语句之间必须写分号。
b.JS中没有缩进的规范，但是在实际开发的时候添加缩进以达到一定的美观。

2、注释

a.单行注释：//注释内容
b.多行注释：/注释内容/

3、标识符

标识符：用来给变量进行命名

1.由字母、数字和下划线以及$组成，并且数字不能开头。
2.不能是关键字。
3.下划线和$不开头。

4、字面量

a、数字：12
b、字符串：‘asdf’、‘1234’
c、数组：[1,2,3,4,5，‘n’]
d、对象：{‘a’：1，‘c’：32}
e、布尔：true、false
f、特殊值：null、undefined

变量

变量的声明：
格式：var 变量名；或者 var 变量名 = 初值
变量命名:标识符，驼峰式命名（除了第一个单词首字母，其他的单词首字母大写小写，例如：userName）

1、声明变量时可以给变量赋值

var num = 20;

2、同时声明多个变量

var num1, num2 = true, num3;

console.log(num2);

基本数据类型

数据类型的查看： typeof 表达式
JS中的基本数据类型有：Number（数字）、String（字符串）、Boolean（布尔）、Array（数组）、Object（对象）

1、Number：
a.包含所有的数字(整数、浮点数、科学计数, NaN->不合法的数字) -- 数字类型只有一种，值类型。
b.Number() --> 可括号中的数据转换成Number类型。
将字符串转换成数字的时候，只有去掉字符串的引号后剩下的部分是一个数字的字符串才能转换成合法数字，否则结果是NaN。
布尔true会转换成1，false转换成0

2、String（字符串）
a.可以使用单引号或者双引号引起来的字符集，就是字符串数据：'abc',"12gh"....
b.JS中也可以使用转义字符来表示有特殊功能和特殊意义的字符： \ ，' ，" ， \t ，\n等
c.JS字符也是Unicode字符
d.通过下标获取某个字符:下标范围是0~字符串长度-1.
注意：js中下标不能是负数;也不可以切片
e.通过 new String()去创建一个Object类型的字符串。

var str4 = 'abc\nhujn';
console.log(str4);

3、Boolean（布尔）
Boolean: true，false
1.数字转换成Boolean值，0和NaN会转换成false,其他数字会转换成true
2.字符串转换成Boolean值，空串是false,其他的都会转换成true
3.null,undefined都会转换成false

var b1 = Boolean(undefined)
console.log(b1)

4、Array（数组）
1.存数组数据存的是地址
2.数组的元素可以是任何类型的数据，可以通过下标去获取对应的元素
3.下标的范围：0~长度-1
4.通过length可以获取数组元素的个数

var a1 = [1,2,3,'acd',true];
console.log(a1);
console.log(a1[2]);

添加元素
push:在数组的最后添加一个或者多个元素，返回最新的数组的长度

a1.push(10);
count = a1.push('a','abab');
console.log(a1, count);

删除元素
pop:将数组中的最后一个元素删除，并且返回被删除的元素

del = a1.pop();
console.log(a1, del);

切片
slice(起始下标,结束下标):从数组的起始下标开始，到结束下标前的所有元素，作为一个新的数组的元素并且返回

newArray = a1.slice(0,3);
console.log(newArray);

删除指定下标的元素
splice(下标，个数): 从指定下标开始删除指定个数元素

var a2 = [1,2,3,4,5];
a2.splice(1,2);
console.log(a2);

在指定位置添加元素
splice(下标,0,元素1,元素2,元素3...):在指定的下标前插入指定的一个或者多个元素

var a3 = [1,2,3,4,5];
a3.splice(2,0,'a','b');
console.log(a3);

在数组的开头添加一个或者多个元素

a3.unshift('a','b');
console.log(a3);

修改元素

a2[0] = 100;
console.log(a2);

对象

Object: 对象类型就是python中的字典
变量存储对象，存的是对象的地址
存的时候以键值对的形式去存储数据，这个键可以看成对象的属性

// 创建了一个变量，存的是一个对象的地址
var obj1 = {'a':1, 'b':2, 'c':'abc'};

// 取值: 通过key去取值
console.log(obj1['a']);
// 取值：通过点语法获取属性的值
console.log(obj1.c);

// 修改
obj1['a'] = 100;
obj1.c = '你好';
console.log(obj1);

// 增加: 给不存在的key或者属性去赋值
obj1['d'] = 1001;
console.log(obj1);
obj1.e = 'aaaa';
console.log(obj1);

// 删除指定的键值对/属性
delete obj1.b;
delete obj1['a'];
console.log(obj1);
// 声明对象的时候，属性名可以不用加引号
var obj2 = {name:'yuting', age:18, sex:'女'};
console.log(obj2['name']);
console.log(obj2.name);
==================================================================================================

三、运算符

JS中运算符包括：算术运算符、比较运算符、逻辑运算符、赋值运算符

1.算术运算符（+,-,*,/, %, ++, --）

a. 任何数据和字符串相加，结果都是字符串拼接的操作

var str1 = 'aaa'+[1,2,3,4];
console.log(str1);

b.两个数组相加，并不是数组元素的拼接。而是将数组转换成字符串，然后拼接成一个新的字符串

var arr1 = [1,2,3] + [4,5,6];
console.log([1,2,3])
console.log(arr1);

c.*操作只能作用于两个数字类型

var str2 = 'abc'*2;
console.log(str2);

d.++:自加1操作

var num1 = 10;
var num11 = 10;
num1++;   //相当于: num1 += 1, num1 = num1+1
++num11
console.log(num1, num11);

e.--:自减1操作

var num2 = 10;
num2--;
console.log(num2);

2.比较运算符：>, <, >=, <=, == , !=, ===, !==

==和===的区别：
==是只要两个数据的值相等，结果就是true,否则是false
===是只有两个数据的值相等，并且数据类型也相等的时候，结果才是true，否则是false

console.log(5==5)    //true
console.log(5=='5')  //true

console.log(5!==5)   //false
console.log(5!=='5')  //true

console.log(12 > '16')  //字符串和数字之间比较大小，会把字符串转换成数字  

注意：比较大小的时候，一般数字就和数字进行比较；字符串和字符串进行比较

3.逻辑运算符：&&(与)，||(或)，!(非)

console.log(true && true,true && false,false && false); //true false false
 console.log(true || true,true || false,false || false); //true, true, false
 console.log(!true, !false); //false, true

4.赋值运算符: =, +=, -=, *=， /=, %=

注意：赋值符号的左边是变量

==============================================================================================

四、分支结构

JS中的分之结构有：if语句和switch语句两种：

1.if语句

python:
if 条件:
    语句块1
elif 条件:
    语句块2
else:
    语句块3

js:
if(条件){
    语句块1
}
else if(条件){
    语句块2
}
else{
    语句块3
}

2.switch语句

switch(表达式){
case 值1:
    语句块1;
case 值2:
    语句块2;
...
defult:
    语句块3;
}