JS基础知识（数组、函数）

数组

概念

• 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式
• 数组是指一组数据的集合，其中的每个数据被称作元素，在数组中可以存放任意类型的元素
• 数组是一种将一组数据存储在单个变量名下的优雅方式

创建数组

利用 new 创建数组

var 数组名 = new Array() ；

利用数组字面量创建数组

var  数组名 = []；

数组的字面量是方括号 [ ]
声明数组并赋值称为数组的初始化

获取数组中的元素

索引 (下标) ：用来访问数组元素的序号（数组下标从 0 开始）

数组可以通过索引来访问、设置、修改对应的数组元素，可以通过“数组名[索引]”的形式来获取数组中的元素
语法
var arr = [1,2,3];// 定义数组
alert(arr[1]); // 获取数组中的第2个元素
注意
如果访问时数组没有和索引值对应的元素，则得到的值是undefined

遍历数组

数组遍历

把数组中的每个元素从头到尾都访问一次（类似学生的点名），可以通过 for 循环索引遍历数组中的每一项

语法

var cc = ['red','black', 'yellow'];
for(var i = 0; i < arr.length; i++){
   console.log(cc[i]);
}

数组的长度

• 数组的长度：默认情况下表示数组中元素的个数
• 使用“数组名.length”可以访问数组元素的数量（数组长度）

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

数组中新增元素

语法

数组[ 数组.length ] = 新数据;

函数

概念
函数就是封装了一段可被重复调用执行的代码块，通过此代码块可以实现大量代码的重复使用

函数的使用

声明函数

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

function 是声明函数的关键字,必须小写

调用函数

函数名();

声明函数本身并不会执行代码，只有调用函数时才会执行函数体代码

函数的封装

函数的封装是把一个或者多个功能通过函数的方式封装起来，对外只提供一个简单的函数接口

函数的参数

函数参数语法

作用：
在函数内部某些值不能固定，我们可以通过参数在调用函数时传递不同的值进去

函数形参和实参数量不匹配时

函数的返回值

return 语句

函数调用整体代表的数据；函数执行完成后可以通过return语句将指定数据返回
语法

function 函数名（）{
  ...
  return  需要返回的值；
}
函数名(); 

break ,continue ,return 的区别

• break ：结束当前的循环体（如 for、while）
• continue ：跳出本次循环，继续执行下次循环（如 for、while）
• return ：不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的 代码

函数的两种声明方式

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

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

语法

function fn() {...}
fn();

调用函数的代码既可以放到声明函数的前面，也可以放在声明函数的后面

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

语法

var fn = function(){...}；
fn();

函数调用的代码必须写到函数体后面