前端学习（十五）JavaScript基础-数组和函数

数组

• 数组可以把一组相关的数据一起存放，并提供方便的访问方式
• 数组是指一组数据的集合，其中每个数据被称为元素，在数组中可以存放任意类型的元素

创建数组

• 利用new创建数组

var arr = new Array();

• 利用数组字面量创建数组

var arr = ['red', 123, true];

获取数组中的元素

利用索引（下标）来访问数组元素，数组可以通过索引来访问、设置、修改对应的数组元素，可以通过数组名[索引]的形式来获取数组中的元素

var arr = [1, 2, 3]
alert(arr[1]);

如果访问时数组没有和索引值对应的元素，则得到的值是undefined

遍历数组

• 数组遍历：把数组中的每个元素都访问一次

• 数组的长度：使用数组名.length可以访问数组元素的长度

• 当数组元素个数发生变化，length属性跟着一起变化（length属性可以被修改）

• 如果设置的length属性值小于数组元素个数，超过的值会被删除

• 如果设置的length属性值大于数组元素个数，数组末尾出现空白元素

数组新增元素

数组可以在末尾插入新的元素

arr[arr.length] = 'red';

函数

• 封装了一段可以被重复执行的代码块，实现代码的重复使用

函数的使用

• 声明

function 函数名 (形参表) { 
	函数体
}

• 调用

函数名(实参表);

函数的参数

• 形参：函数定义时设置接收调用时传入
• 实参：函数调用时传入小括号内的真实数据

函数参数不匹配的情况

• 实参 = 形参：输出正常结果
• 实参 > 形参：多余的参数被忽略
• 实参 < 形参：多余的参数为undefined

arguments的使用

当不确定有多少个参数传递的时候，可以用 arguments 来获取。JavaScript 中，arguments实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点：

• 具有 length 属性

• 按索引方式储存数据

• 不具有数组的 push , pop 等方法

  注意：在函数内部使用该对象，用此对象获取函数调用时传的实参。

函数的两种声明方式

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

  利用函数关键字 function 自定义函数方式

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

  • 因为有名字，所以也被称为命名函数
  • 调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面

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

  利用函数表达式方式的写法如下：

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

  • 因为函数没有名字，所以也被称为匿名函数
  • 这个fn 里面存储的是一个函数
  • 函数表达式方式原理跟声明变量方式是一致的
  • 函数调用的代码必须写到函数体后面