Day05_JavaScript课堂笔记

Day05 JavaScript 笔记

1 回顾

1.1 条件语句（分支结构）

1. 单向分支
2. 双向分支
3. 多向分支  else if
4. 多向分支 switch case
5. 嵌套分支

1.2 循环语句（循环结构）

1. while 循环
2. do while 循环
3. for 循环

1.3 跳转语句

1. break
2. continue

2 数组

2.1 什么是数组

1. 数组是值的有序集合
2. 数组中的每个值（成员）称为元素（元素包括索引和值）
3. 元素在数组中有位置，称为元素的索引，索引是从0开始的数字，按照顺序给元素排号。
4. 元素的值可以是任意类型的数据。
5. 数组索引从 0 开始, 最大为 2^32-2，数组最大能容纳 4294967294 个元素。

2.2 声明数组的方式

① 直接量方式

// 创建了一个空数组
[];

// 创建了一个拥有多个元素的数组
[100, 200, 300, 'hello', true, undefined, null, NaN, [10,20,30], age];

// 创建了一个拥有1个元素的数组
[300]

② Array 函数方式

// 创建一个空数组
Array();

// 创建拥有多个元素的数组
Array(100, 200, 300, 'hello', true, undefined, null, NaN, [10,20,30], age);

// 创建一个拥有12个元素的数组，每个元素都没有值
Array(12);

注意： Array 函数从参数如果只设置一个，且还是 number 类型，还数字会被当做元素的个数！

③ Array 构造函数方式

// 创建一个空数组
new Array();

// 创建拥有多个元素的数组
new Array(100, 200, 300, 'hello', true, undefined, null, NaN, [10,20,30], age);

// 创建一个拥有12个元素的数组，每个元素都没有值
new Array(12);

注意： Array 构造函数从参数如果只设置一个，且还是 number 类型，还数字会被当做元素的个数！

2.3 数组元素的读写

① 读取数组元素的值

1. 通过指定索引可以读取元素的值
   数组[索引]
2. 读取不能存在的元素，会自动得到 undefined   

② 修改数组元素的值

1. 通过指定索引直接重新赋值即可
   数组[索引] = 新值
2. 如果给不存在的索引赋值，创建一个新的元素

2.4 稀疏数组

1. 如果存在没有值的元素，这样的数组就是稀疏数组
2. 读取没有值的元素，自动得到 undefined
3. 开发中，尽量避免稀疏数组

2.5 数组的遍历(迭代)

 // 使用 for 循环遍历数组
for (var i = 0; i < nameList.length; i ++) {
    console.log(i, nameList[i]);
}

// 使用 for in 语句遍历数组
for (var i in nameList) {
	console.log(i, nameList[i]);
}

2.6 数组元素的添加和删除

① 添加元素

1. 利用 length 属性
   数组[数组.length] = 新值
   
2. push() 方法在数组后面添加一个或多个元素
   数组.push(新元素);
   数组.push(新元素1, 新元素2, 新元素3 ...);
   
3. unshift() 方法在数组的前面添加一个或多个新元素
   数组.unshift(新元素);
   数组.unshift(新元素1,新元素2,新元素3...);
   
4. splice() 方法在指定位置添加一个或多个新元素
   数组.splice(位置, 0, 新元素)；
   数组.splice(位置, 0, 新元素1，新元素2，新元素3 ...)；

② 删除元素

1. 修改 length 属性, 删除后 n 个元素
   数组.length -= n;
   
2. pop() 方法删除最后一个元素
   数组.pop()
   
3. shift() 方法删除第一个元素
   数组.shift()
   
4. splice() 方法删除指定位置指定数量的元素
   数组.splice(位置，删除数量);

2.7 多维数组

1. 如果数组的元素还是数组，该数组就是多维数组
2. 数组[索引][索引]； 这种形式可以读写元素的元素。

2.8 字符串的数组特性

1. 字符串具备部分数组特性：
   ① 通过索引读取某个字符的值 （但是不能修改）
   ② 字符串具有length属性可以获取字符的个数（length不能修改）
   
2. 向字符串这种具有部分数组特性但是又不是数组的数据称为类数组或伪数组。

3 函数

3.1 函数概述

① 什么是函数

1. 函数是具有特定功能的代码块
2. 函数是JS中的一种数据类型，是对象类型中的一种， typeof 返回 function

② 函数的作用

1. 减少冗余代码，代码复用。
2. 实现代码模块化。
3. 封装性，让函数内部代码对外不可见。

③ 函数的组成

函数名： 本质上是变量名，命名规范同变量名命名规范。

函数体： 函数内的代码块。

参数： 写在小括号里，分为形参和实参。

返回值： 函数调用之后产生的计算结果。

3.2 声明函数的三种方式

① function 关键字方式

function 函数名([参数列表]) {
    函数体语句...;
}

② 表达式方式

var 函数名 = function([参数列表]) {
    函数体语句...;
}

③ Function 构造函数方式（了解）

var f01 = Function("console.log('f01 start'); console.log('f01 end');");
var f02 = Function('a', 'b', "console.log(a + '和' + b + '交朋友')");

var f03 = new Function("console.log('f01 start'); console.log('f01 end');");
var f04 = new Function('a', 'b', "console.log(a + '和' + b + '交朋友')");

3.3 函数的调用和返回值

① 函数调用

1. 函数名后面加小括号才是函数函数的调用， 函数名没有小括号就是在使用一个变量
2. 函数只有调用，函数体内的语句才会执行
3. 函数只有调用，才能得到返回值

② 返回值

1. 函数调用表达式的值就是函数的返回值
2. 如何设置函数的返回值？函数体内
   ① 使用关键 return，return 的右边写变量、直接量或者表达式作为返回值
   ② 如果 return 右边什么都没有或者return都没有，返回没有返回值； 函数调用表达式以undefined为值
3. return 可以结束函数，一旦执行到return，下面的代码就不执行了。