JavaScript函数，运算符

数组

在JavaScript数组中可以存放任意类型的元素。

创建数组的方法

1. 利用new创建数组

var a = new Array();

2. 利用数组字面量创建数组

• 创建空的数组

var array = [];

• 直接声明数组并赋值（数组的初始化）

var array = [1,2,3];

访问数组中的元素

数组中的元素可以直接通过索引来访问，数组索引从零开始。如果索引超出数组的索引，显示undefined。

var array = ['hello',1,2];
//运行结果 hello
console.log(array[0]);
//运行结果 undefined
console.log(array[3])

如果没有通过索引来修改数组元素，而是直接使用数组名的话，会使得数组元素都丢失。

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

修改数组的元素

直接利用索引进行修改。

var array = [1,2];
array[0] = 2;
//[2,2]
console.log(array);

length

• 使用‘数组名.length’可以访问数组的长度。
• 修改length可以给数组扩容。

var array = [1,2,3];
// 3
console.log(array.length);
//修改数组的长度
array.length = 5;
// 结果为undefined
console.log(array[3]);
console.log(array[4]);

练习

将数组中小于20的元素挑选出来形成新的数组。注意如何往新的数组中增加元素：利用length。一开始length为0，新元素就加到array2【0】，length随之增大，新元素也就依次往后排。

var array1 = [2,0,6,1,77,0,52,0,25,7];
var array2 = [];
for(var i = 0;i<array1.length;i++){
    if(array1[i] <= 20){
    //注意array2增加元素的方法
        array2[array2.length] = array1[i];
        }
      }
console.log(array2);

函数

函数：封装了一段可重复执行的代码块，通过函数可以实现大量代码的复用。

函数的使用

//声明函数
function 函数名(){
    //函数体代码
}
//调用函数
函数名（）;

函数的两种声明方式

命名函数

命名函数有名字，调用命名函数的代码可以放到函数声明前面和后面。

//声明定义方式
function fn() {...}
//调用
fn();

匿名函数

匿名函数没有名字，调用的代码必须写到函数体后。

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

由于匿名函数没有名字，在调用时用fn这个变量名来调用，相当于fn里面存储了一个函数。

函数的参数

实参与形参

函数的参数包括实参和形参。

• 形参：函数定义时的参数，可以将形参理解为不用声明的变量（形参默认值为undefined）；
• 实参：函数使用时的参数为实参，实参将值传递给形参；

//num1,num2为形参
function getSum(num1, num2) { 
    console.log(num1 + num2); 
} 
// 1,3为实参
getSum(1, 3); 

形参和实参个数不匹配：

• 实参数=形参数：正常情况；
• 实参数>形参数：只取到形参的个数；
• 实参数<形参数：多余的形参为undefined；

arguments

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。所有函数都内置了一个arguments对象，arguments 对象中存储了所有实参。

arguments是一个伪数组，具有以下特点：

• 有length属性；
• 可以按照索引存储和访问数据；
• 不具有数组的push、pop方法；

例：

function getSum(num1) {
    var sum = 0;
    for (var i = 0; i < arguments.length; i++) {
        sum += arguments[i];
        }
        return sum;
}

/*错误的代码，此时向getSum传的只有一个数组，arguments里面也只有一个值就是一个数组，
在遍历取arguments[i]的时候只有arguments[0]有值*/

console.log(getSum([1,2,3]));


//正确的代码,结果为6
console.log(getSum(1,2,3));

return

return的作用：

• 结束函数（return后的代码不被执行）；
• 退出循环；
• 返回指定的值（只能返回一个值，如有多个值默认返回最后一个，如果遇到需要返回多个值的情况可以将多个值放在一个数组中返回）；

如果函数中没有return语句，返回的值为undefined。

函数的相互调用

函数可以调用另一个函数。

/*判断某个年份2月份的天数，先用一个函数判断此年份是否为闰年，
再用一个判断2月天数的函数调用判断闰年的函数
*/


//判断是否为闰年
      function judgeLeap(year) {
        //是否为闰年的标志
        var flag = false;
        if ((year % 4 == 0 && year % 100 != 0) || year % 400 == 0) {
          flag = true;
        } else {
          flag = false;
        }
        return flag;
      }


//判断2月有多少天
      function backDay() {
        var year = prompt("请输入一个年份：");
        if (judgeLeap(year)) {
          //为闰年
          return 29;
        } else {
          //不为闰年
          return 28;
        }
      }
      var days = backDay();
      console.log(days);

练习

数组与函数练习