js笔记（三）

目录

1.数组

1.1创建数组

1.2 数组的索引

1.3遍历数组

1.4数组的长度

1.5 增加数组元素

1.6 翻转数组

1.7 冒泡排序

2.函数

2.1 函数的使用

2.2 函数的参数

2.3 函数的返回值

2.4 arguments的使用

2.5 函数的两种声明方式

---

1.数组

1.1创建数组

JavaScript 中创建数组有两种方式：

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

利用 new 创建数组 

var 数组名  = new Array(); //创建一个新的空数组

利用数组字面量创建数组

​
// 1.利用数组字面量方式创建空的数组 
var 数组名 =[];
// 2.使用数组字面量方式创建带初始值的数组
var 数组名 =['a','b','b'];
// 3.数组中可以存放任意类型的数据，例如字符串，数字，布尔值等
var arrStus =['haha'，6,true,6.1,'a'];

​

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

1.2 数组的索引

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

//定义数组
var arr = [1,2,3];
//获取数组中的第3个元素
alert(arr[2]);

1.3遍历数组

通过 for 循环索引遍历数组中的每一项

// for循环遍历数组
var arr = ['a','b', 'c'];
for (var i = 0; i < arr.length; i++){
    console.log(arr[i]);
}

1.4数组的长度

使用“数组名.length”可以返回数组元素的数量

var arr = [1,2,3];
alert(arr.length);  // 输出3

length 属性会跟着数组里面的元素个数动态变化

1.5 增加数组元素

1   可以通过修改 length 长度来实现数组扩容的目的

var arr = ['a','b','c'];
arr.length =5;
console.log(arr);

索引号是 3   4  的数组元素没有给值，就是声明变量未给值，默认值就是 undefined

2  通过修改数组索引新增数组元素

var arr = ['a','b','c'];
arr[3]='d';
console.log(arr);//输出a b c d

1.6 翻转数组

 var arr=['a','b','c'];
        var new_Arr=[];
        for(var i=arr.length-1;i>=0;i--){
            new_Arr[new_Arr.length]=arr[i];

        }
        console.log(new_Arr);

1.7 冒泡排序

  var arr=[1,2,6,5,19,4];
        for(var i=0;i<arr.length;i++){
            for(var j=0;j<=arr.length-i-1;j++){
                if(arr[j]>arr[j+1]){
                    var mid=arr[j];
                    arr[j]=arr[j+1];
                    arr[j+1]=mid;
                }
            }
        }
console.log(arr);

2.函数

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

2.1 函数的使用

函数在使用时分为两步：声明函数和调用函数

1 声明函数

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

2 调用函数

function 函数名(){
     //函数体代码
}
函数名();通过调用函数名来执行函数体代码

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

2.2 函数的参数

在声明函数时，可以在函数名称后面的小括号中添加一些参数，这些参数被称为形参，而在调用该函数时，同样也需要传递相应的参数，这些参数被称为实参。

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

function 函数名(形参1, 形参2 , 形参3...) { // 可以定义任意多的参数，用逗号分隔
  // 函数体
}

函数名(实参1, 实参2, 实参3...); 

例 两数相加

  function sum(a,b){
           alert(a+b);
       }
       sum(1,2);

注意：在JavaScript中，形参的默认值是undefined

2.3 函数的返回值

有的时候，我们会希望函数将值返回给调用者，此时通过使用 return 语句就可以实现。

return 语句的语法格式如下：

// 声明函数
function 函数名（）{
    ...
    return  需要返回的值;
}
// 调用函数
函数名();    // 此时调用函数就可以得到函数体内return 后面的值

• 在使用 return 语句时，函数会停止执行，并返回指定的值

• 如果函数没有 return ，返回的值是 undefined

• return 语句之后的代码不被执行
• return 只能返回一个值。如果用逗号隔开多个值，以最后一个为准

函数调用另外一个函数

因为每个函数都是独立的代码块，用于完成特殊任务，因此经常会用到函数相互调用的情况。

2.4 arguments的使用

当我们不确定有多少个参数传递的时候，可以用 arguments 来获取。在 JavaScript 中，arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。

• arguments存放的是传递过来的实参

• arguments展示形式是一个伪数组，因此可以进行遍历。伪数组具有以下特点

1. 具有 length 属性
2. ​ 按索引方式储存数据
3. ​ 不具有数组的 push , pop 等方法

例如：利用函数求任意个数的最大值

 function maxNum() {
    var max = arguments[0];
    for (var i = 0; i < arguments.length; i++) {
        if (max < arguments[i]) {
            max = arguments[i];
        }
    }
    return max;
}
console.log(maxNum(2, 4, 5, 9)); // 9
console.log(maxNum(12, 4, 9)); // 12

2.5 函数的两种声明方式

1 命名函数

// 声明定义方式
function 函数名() {...}

// 调用  
函数名();  

2 匿名函数

// 这是函数表达式写法，匿名函数后面跟分号结束
var 变量名 = function(){...};

// 调用的方式，函数调用必须写到函数体下面
变量名();

• 因为函数没有名字，所以也称为匿名函数

• 这个 变量名 里面存储的是一个函数

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