js基础篇 04 数组 函数

04 数组 函数

数组

js数组有点像python的数组

介绍

1. 数组(Array) ：就是一组数据的集合 存储在单个变量下的优雅方式

2. 创建数组

   1. 利用new 创建数组
   2. 利用数组字面量创建数组 []

3. 我们数组里面的数据一定用逗号分隔

4. 数组里面的数据 比如1,2， 我们称为数组元素

5. 获取数组元素 格式 数组名[索引号] 索引号从 0开始

语法

创建数组

var arr1 = new Array(); // 创建了一个空的数组
var arr2 = []; // 创建了一个空的数组

数组元素没有限定数据类型

var arr3 = [1, 2, '3', true];//数组中没有限制要同一种数据类型

遍历

和其它语言一样，一般都是通过一个for循环来完成

例子

var arr = ['red', 'green', 'blue'];
for (var i = 0; i < 3; i++) {
    console.log(arr[i]);
}

长度

和前面01讲数据类型String一样，他们都有一个属性length

• 数组的长度是元素个数 不要跟索引号混淆
• arr.length 动态监测数组元素的个数

例子

var arr = ['关羽', '张飞', '马超', '赵云', '黄忠', '刘备', '姜维'];
console.log(arr.length);//7

新增数组元素

js中比较有意思的操作

可以直接给索引内容为空的元素赋值，使其成为数组的一个元素

var arr1 = ['red', 'green', 'blue'];
arr1[3] = 'pink';
console.log(arr1);// [0:"red",1:"green",2:"blue",3:"pink"]length:5
arr1[5] = 'hotpink';
console.log(arr1);// [0:"red",1:"green",2:"blue",3:"pink",5:"hotpink"]length:6

补充

不要直接给 数组名赋值 否则里面的数组元素都没有了（利用的是js是弱类型语言的特性）

函数

语法

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

参数

参数列表依然不需要数据类型的限制。

1. 如果实参的个数和形参的个数一致 则正常输出结果
2. 如果实参的个数多于形参的个数 会取到形参的个数
3. 如果实参的个数小于形参的个数 多于的形参定义为undefined 最终的结果就是 NaN
   形参可以看做是不用声明的变量 num2 是一个变量但是没有接受值 结果就是undefined
   建议 我们尽量让实参的个数和形参相匹配

例子

function getSum(num1, num2) {
    console.log(num1 + num2);
}
getSum(1, 2);//3
getSum(1, 2, 3);//3
getSum(1); // NaN

返回值

返回值是函数的重要部分，在js中返回值不需要数据类型的限制。

1. return 终止函数
2. return 只能返回一个值（当然这个值可以是装着很多元素的数组）

语法

function 函数名(参数列表) {
    函数体
    return 返回值；
}

当只有return但返回值没有给出时，函数将返回undefined

例子

function sum(num1,num2){
    return num1+num2;
}