JavaScript 数组，函数

数组

创建数组

• 利用 new 创建数组

var arr = new array();
console.log(arr); // array(0)

• 数组字面量创建

var arr = [];  // 空数组
var arr1 = ['1', '2']  // 初始值数组

数组中的元素

• 数组里面的元素类型

可以放任意类型

var arr = [1, '3', true, 1.9]

• 获取元素

通过索引， 索引是 0 开始

var arr = [1, '3', true, 1.9];
console.log(arr[0]);  // 1

• 增加元素

可以通过.length在末尾增加元素

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

遍历数组

• 遍历

for 循环遍历数组中每一项

var arr = [1, '3', true, 1.9];
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
}  // 1 3 true 1.9

• 数组长度

数组中的元素个数

var arrstus = [1,2,3];
alert(arrstus.length);  // 3

函数

• 函数感念

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。但是比较具有局限性。

声明函数

• 自定义函数方式(命名函数)

// 声明函数
function 函数名() {
    //函数体代码
}

function getnum() {
        console.log('1122');
    }
// 调用函数
函数名();  // 通过调用函数名来执行函数体代码

getnum();

• 函数表达式方式(匿名函数）

// 这是函数表达式写法，匿名函数后面跟分号结束
var fn = function(){...}；
// 调用的方式，函数调用必须写到函数体下面
fn();

函数参数

参数	说明
形参	函数定义的时候 传递的参数 当前并不知道是什么
实参	函数调用的时候 传递给参数 实参传给形参

// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数，用逗号分隔
  // 函数体
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3...);

• 形参和实参不匹配

参数个数	说明
实参 == 形参 个数	输出正常
实参 > 形参 个数	只取形参的个数
实参 < 形参 个数	多的形参为underfined 结果nan

function getnum(a, b, c) {
    console.log(a, b, c);
}

getnum(1, 2);  // 1 2  实参 == 形参
getnum(1, 2, 3);  // 1 2  实参 >  形参
getnum(1, 2);  // 1 2 undefined  实参 < 形参

• arguments

当不确定有多少个参数传递的时候，可以用 arguments 来获取.

1. 具有.length 属性
2. 按索引方式储存数据
3. 不具有数组的 push , pop 等方法

function getnum() {
    console.log(arguments);
}

getnum(1, 2 ,3)  // arguments(3) [1, 2, 3, callee: ƒ, symbol(symbol.iterator): ƒ]

函数返回值

// 声明函数
function 函数名（）{
    ...
    return  需要返回的值；
}
// 调用函数
函数名();    // 此时调用函数就可以得到函数体内return 后面的值

• return

不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码

• break

结束当前的循环体（如 for、while）

• continue

跳出本次循环，继续执行下次循环（如 for、while）