网站正在建设中下载,信阳市住房建设局网站,页面好看的教育类网站模板下载,大学生创业计划书文章目录 1.数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1.4 数组中新增元素1.5 遍历数组 2.函数2.1 函数的概念2.2 函数的使用函数声明调用函数函数的封装 2.3 函数的参数函数参数语法函数形参和实参数量不匹配时 2.4 函数的返回值2.4.1 案例练习 2.5 arguments的使用… 文章目录 1.数组1.1 数组的概念1.2 创建数组1.3 获取数组中的元素1.4 数组中新增元素1.5 遍历数组 2.函数2.1 函数的概念2.2 函数的使用函数声明调用函数函数的封装 2.3 函数的参数函数参数语法函数形参和实参数量不匹配时 2.4 函数的返回值2.4.1 案例练习 2.5 arguments的使用2.6 函数的两种声明方式 1.数组
1.1 数组的概念
数组可以把一组相关的数据一起存放并提供方便的访问(获取方式。数组是指一组数据的集合其中的每个数据被称作元素在数组中可以存放任意类型的元素。
1.2 创建数组
JS 中创建数组有两种方式
利用 new 创建数组
var arr new Array(); // 创建一个新的空数组利用数组字面量创建数组 //1. 使用数组字面量方式创建空的数组
var 数组名 []
//2. 使用数组字面量方式创建带初始值的数组
var 数组名 [小白,小黑,大黄,瑞奇];数组元素的类型 数组中可以存放任意类型的数据例如字符串数字布尔值等。 var arr [小白,12,true,28.9];1.3 获取数组中的元素 索引 (下标) 用来访问数组元素的序号 数组下标从 0 开始 数组元素可以通过索引来访问、设置、修改对应的数组元素.
// 定义数组
var arrStus [1,2,3];
// 获取数组中的第2个元素
alert(arrStus[1]); 注意如果访问时数组没有和索引值对应的元素则得到的值是undefined
1.4 数组中新增元素
数组中可以通过以下方式在数组的末尾插入新元素
数组[ 数组.length ] 新数据;1.5 遍历数组 数组遍历 var arr [red,green, blue];
for(var i 0; i 3; i){console.log(arr[i]);
}数组的长度
var arr [1,2,3]; alert(arr.length); - 注意- 此处数组的长度是数组元素的个数 length - 1 是最大的索引数- 当我们数组里面的元素个数发生了变化这个 length 属性跟着一起变化- 如果设置的length属性值大于数组的元素个数则数组其余元素为undefined- 如果设置的length属性值小于数组的元素个数则会把超过该值的数组元素删除案例练习1. 在数组中存放1 - 10
2. 冒泡排序js
var arr1 [];
for (var i 0; i 10; i) {arr1[i] i1
}
console.log(arr1)var array [4, 3, 1, 5, 2];
for (var i 0; i array.length - 1; i) {for (var j 0; j array.length - 1 - i; j) {if (array[j] array[j 1]) {var temp array[j];array[j] array[j 1];array[j 1] temp;}}
}
console.log(array);2.函数
2.1 函数的概念
函数就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。
2.2 函数的使用
函数声明
function 函数名() {//函数体
}function 是声明函数的关键字,必须小写 由于函数一般是为了实现某个功能才定义的
调用函数
函数名();调用的时候千万不要忘记添加小括号 函数不调用自己不执行
函数的封装
函数的封装是把一个或者多个功能通过函数的方式封装起来对外只提供一个简单的函数接口
例子封装计算1-100累加和
function getSum(){var sum 0;// 准备一个变量保存数字和for (var i 1; i 100; i) {sum i;// 把每个数值 都累加 到变量中}alert(sumNum);
}// 调用函数
getSum();2.3 函数的参数
函数参数语法
形参函数定义时设置接收调用时传入 形式上的参数 函数定义的时候 传递的参数 当时并不知道是什么 实参函数调用时传入小括号内的真实数据 实际上的参数 函数调用的时候 传递的参数 实参是传递给形参的
案例利用函数求任意两个数之间的和 function getSum(a, b) {console.log(a b)}
getSum(1, 2)函数形参和实参数量不匹配时
参数个数说明实参个数等于形参个数输出正确结果实参个数多于形参个数只取到形参个数实参个数小于形参个数多的形参定义为undefined
注意在JavaScript中形参的默认值是undefined。
2.4 函数的返回值
function 函数名{//其它代码return 需要返回的值
}var result 函数名();注意
在使用 return 语句时函数会停止执行并返回指定的值如果函数没有 return 返回的值是 undefinedreturn之后的代码不会被执行return返回值只能有一个不可以有多个
2.4.1 案例练习
利用函数返回值求2个数的最大值
function getSum(a, b) {return a b ? a : b;
}
var res getSum(3, 2)
console.log(res);2.5 arguments的使用
当不确定有多少个参数传递的时候可以用 arguments 来获取。arguments展示形式是一个伪数组因此可以进行遍历。
function max() {console.log(arguments);for (var i 0; i arguments.length; i) {console.log(arguments[i]);}
}max(1, 2, 3)伪数组具有以下特点
具有 length 属性按索引方式储存数据不具有数组的 push , pop 等方法
注意在函数内部使用该对象用此对象获取函数调用时传的实参。
2.6 函数的两种声明方式 命名函数 function fn()
{}fn(); 因为有名字所以也被称为命名函数调用函数的代码既可以放到声明函数的前面也可以放在声明函数的后面 匿名函数
var fn function() {
}
fn(); - 因为函数没有名字所以也被称为匿名函数
- 这个fn 里面存储的是一个函数
- 函数调用的代码必须写到函数体后面
