当前位置： 移动技术网 > IT编程>网页制作>CSS > JavaScript 数组，函数

JavaScript 数组，函数

2020年01月08日  | 移动技术网IT编程  | 我要评论

数组

创建数组
  • 利用 new 创建数组 
var arr = new array();
console.log(arr); // array(0)
  • 数组字面量创建
var arr = [];  // 空数组
var arr1 = ['1', '2']  // 初始值数组
数组中的元素
  • 数组里面的元素类型

可以放任意类型

var arr = [1, '3', true, 1.9]
  • 获取元素

通过索引， 索引是 0 开始

var arr = [1, '3', true, 1.9];
console.log(arr[0]);  // 1
  • 增加元素

可以通过.length在末尾增加元素

var arr = [1, 2];
arr[arr.length] = 3;
console.log(arr);  // (3) [1, 2, 3]
遍历数组
  • 遍历

for 循环遍历数组中每一项

var arr = [1, '3', true, 1.9];
for (var i=0; i<arr.length; i++) {
    console.log(arr[i]);
}  // 1 3 true 1.9
  • 数组长度

数组中的元素个数

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


函数

  • 函数感念

函数：就是封装了一段可被重复调用执行的代码块。通过此代码块可以实现大量代码的重复使用。但是比较具有局限性。

声明函数
  • 自定义函数方式(命名函数)
// 声明函数
function 函数名() {
    //函数体代码
}

function getnum() {
        console.log('1122');
    }
// 调用函数
函数名();  // 通过调用函数名来执行函数体代码

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

参数

说明

形参

函数定义的时候 传递的参数 当前并不知道是什么

实参

函数调用的时候 传递给参数 实参传给形参

 


// 带参数的函数声明
function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数，用逗号分隔
  // 函数体
}
// 带参数的函数调用
函数名(实参1, 实参2, 实参3...);
  • 形参和实参不匹配

参数个数

说明

实参 == 形参 个数

输出正常

实参 > 形参 个数

只取形参的个数

实参 < 形参 个数

多的形参为underfined 结果nan

 
function getnum(a, b, c) {
    console.log(a, b, c);
}

getnum(1, 2);  // 1 2  实参 == 形参
getnum(1, 2, 3);  // 1 2  实参 >  形参
getnum(1, 2);  // 1 2 undefined  实参 < 形参
  • arguments

当不确定有多少个参数传递的时候，可以用 arguments 来获取.

  1. 具有.length 属性
  2. 按索引方式储存数据
  3. 不具有数组的 push , pop 等方法
function getnum() {
    console.log(arguments);
}

getnum(1, 2 ,3)  // arguments(3) [1, 2, 3, callee: ƒ, symbol(symbol.iterator): ƒ]
函数返回值
// 声明函数
function 函数名（）{
    ...
    return  需要返回的值；
}
// 调用函数
函数名();    // 此时调用函数就可以得到函数体内return 后面的值
  • return

不仅可以退出循环，还能够返回 return 语句中的值，同时还可以结束当前的函数体内的代码

  • break

结束当前的循环体（如 for、while）

  • continue

跳出本次循环，继续执行下次循环（如 for、while）

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网