JavaScript基础学习笔记 第四天

JavaScript数组

数组的概念

• 数组指的是一组数据的集合，每个元素被称作元素，JavaScript中数组内部的元素可以是不同的数据类型

创建数组

• 数组基础

  • // 方法一
    var arrayName = new Array();
    
    // 方法二
    var arrayName = []; 
    // 方法二 ，创建一个空数组，如果加入字面量用逗号隔开元素
    

• 数组元素数据类型

  • // 数组内部可以是任意数值类型
    // 例如 ： 
    var arrayName = [1, 'hello', true, undefined];
    

• ​ 遍历数组 ：把数组元素从头到尾访问一遍

  • // 利用 for 循环输出数组 , 直接输出数组长度
    for (var i = 0; i < 4; i++) {
        console.log(arrayName[i]);
    }
    console.log(arrayName.lenght);
    for (var i = 0; i < arrayName.lenght; i++) {
        console.log(arrayName[i]);
    }
    // 计数器必须初始化为 0 ; 因为索引号从 0 开始
    // 可以通过 arrayName.lenght 遍历数组
    

• 数组新增数组元素

  • 通过修改数组长度：lenght长度 , 可以这么写但是没必要

  • var arrayName = [1, 2, 3];
    arrayName.lenght = 5; // 非常不推荐这么写！！！
    console.log(arrayName); // output : arrayName = [1, 2, 3, empty x 2] , 此时我们增加的长度 ， 而产生的新的索引中的元素是undefined 即 empty
    

  • 通过索引，添加数据元素，增加数组长度

  • var arrayName = [1, 2, 3];
    arrayName[3] = 4;
    console.log(arrayName); // output : arrayName = [1, 2, 3, 4]
    arrayName[0] = 5;
    console.log(arrayName); // output : arrayName = [5, 2, 3, 4]
    // 如果此时添加的元素索引已经存在，那么将会覆盖掉索引中原来的元素
    

JavaScript函数

函数的概念

• 函数就是被封装的可以重复执行调用的代码块

函数的使用

• 函数声明

function setFunctionName() { 
    // 函数体
}
// 函数关键字只能是小写
// 函数的名字一般是动词
// 函数必须调用才能执行

• 函数的调用

setFunctionName();
// 函数调用的时候必须加上括号

函数的封装

• 例 : 求某个数组的平均值

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9];
function getArrayAverage(array) {
    var sum = 0;
    for(var i = 0; i < array.length; i++) {
        sum += array[i];
    }
    return (sum / array.length);
}
var result = getArrayAverage(arr);
console.log(result);

形参与实参

• 在函数声明时，可以在函数的小括号内添加一些参数，这些参数被称之为形参

• 在函数调用时，同样的也需要传递相应的参数，这里的参数被称为实参

• 函数中形参和实参个数不匹配问题

• 小结：

  • 函数可以带参数也可以不带参数
  • 声明函数形参的默认值为undefined
  • 多个参数中间用逗号分隔
  • 形参与实参的个数可以不匹配，但是结果不可预计，不建议这样尝试

Return

• 函数的返回值格式

  • function functionName(parameter) {
        return // 需要返回的结果 
    }
    var value = functionName(factParameter);
    // 需要注意 ： 
    // 1、return同时也会终止函数 
    // 2、return只能返回一个值 , 如果返回了多个值 , 以最后一个为准
    // 3、若有返回多个值的需求 , 可以使用数组
    // 4、若函数没有返回值 , 那么返回undefined
    

• break , continue , return

  • break 是结束整个循环
  • continue 是结束当前循环，进入下一次循环
  • return 是结束当前函数