JavaScript基本语法（三）

数组

一.数组的概念
二.数组的定义
三.名词解释
四.获取数组元素
五.数组的赋值
六.遍历数组
七.冒泡排序

函数

一.函数的概念
二.函数的定义
三.函数的调用
四.函数的参数
五.函数的返回值
六.匿名函数
七.函数也是一种数据类型
八.函数可以作为参数使用
九.函数可以作为返回值使用

数组

一、数组的概念：
所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。

二、数组的定义
方式一：通过构造函数的方式定义一个数组

var 数组名= new array();

var arr = new array();//空数组

方式二：通过字面量的方式创建数组

var 数组名= [];

var arr = [];//空数组

三、名词解释
1、数组元素：数组中存储的每个数据，都是数组的元素。
例子

var arr= [10,20,30];
//这里的10、20、30就是数组的元素

2、数组长度：就是数组的元素的个数。
例子

var arr= [10,20,30];
//这个数组的长度就是3

3、数组索引（下标）：用来存储或者访问数组中的数据的，索引从0开始，到长度减1结束。
例子

var arr= [10,20,30];
arr[0]=100;//设置数组中某个位置的值
//中括号里的0就是数组的索引

四、获取数组元素
格式：数组名[索引]
例子：

var arr= [10,20,30];
console.log(arr[0]);//10
console.log(arr[1]);//20
console.log(arr[2]);//30
console.log(arr[2]);//undefined

五、数组的赋值
格式：数组名[下标/索引]=值；
如果下标有对应的值，会把原来的值覆盖，如果下标不存在，会给数组新增一个元素。
例子：

var arr= [10,20,30];
arr[0]=100;
arr[3]=50;
console.log(arr[0]);//100
console.log(arr[3]);//50

六.遍历数组
遍历：遍及所有，对数组的每一个元素都访问一次就叫遍历。

//语法
for(var i = 0; i < arr.length; i++) {
}

例子

var arr=[10,20,30,40];
for (var i=0;i<arr.length;i++) {
    console.log(arr[i]);
}

七、冒泡排序
概念：把所有的数据按照一定的顺序排序
降序

var arr = [3,5,77,9,10,32,45,64,2];
for (var i=0;i<arr.length-1;i++) {
    for (var j=0;j<arr.length-1-i;j++) {
        if(arr[j]<arr[j+1]){
          var temp=arr[j];
          arr[j]=arr[j+1];
          arr[j+1]=temp;
    }
  }
}
console.log(arr);

函数

一、函数的概念：把一段相对独立的具有特定功能的代码块封装起来，形成一个独立实体，就是函数，起个名字（函数名），在后续开发中可以反复调用。

二、函数的定义：

function 函数名（）{
  函数体
}

三、函数的调用：

//函数的定义
function 函数名（）{
  函数体
}
//函数的调用
函数名（）

四、函数的参数
【形式参数】：在声明一个函数的时候，为了函数的功能更加灵活，有些值是固定不了的，对于这些固定不了的值。我们可以给函数设置参数。这个参数没有具体的值，仅仅起到一个占位置的作用，我们通常称之为形式参数，也叫形参。

【实际参数】：如果函数在声明时，设置了形参，那么在函数调用的时候就需要传入对应的参数，我们把传入的参数叫做实际参数，也叫实参。
四、函数的参数

//语法
function 函数名（行参1，行参2，行参...）{
//函数体
}
函数名(实参1，实参2)；

五、函数的返回值
在函数内部有return关键字，并且在关键字后面有内容，这个内容被返回了，当函数调用之后，需要这个返回值，那么就定义变量接收。

//语法
//声明一个带有返回值的函数
function 函数名（行参1，行参2，行参...）{
//函数体
return 返回值；
}
var 变量 = 函数名（实参1，实参2，实参...）

//例子
function getSum(x, y) {
                return x + y;
            }
            var result = getSum(100, 200);
            console.log(result);

六、匿名函数
匿名函数：没有名字的函数
将匿名函数赋值给一个变量，这样就可以通过变量进行调用

var f2=function(){
函数体；
}；
//调用
f2();

七、函数也是一种数据类型
函数是有数据类型，数据类型是function

function f1(){
console.log("我是产品")；
}
console.log(typeof f1);
函数是有数据类型，数据类型是function

八.函数可以作为参数使用
函数可以作为参数使用，如果一个函数作为参数，那么我们就说这个参数（函数）可以叫回调函数
只要是看到一个函数作为参数使用了，那么就是回调函数

function sayHi(fn){
                fn();
            }
            function suSay(){
                console.log("哈哈，我是产品");
            }
            sayHi(suSay);

九.函数可以作为返回值使用

//例子
    function f1(){
                return function (){
                    console.log("哈哈")
                };
            }
            var result = f1();
            result();

全部栏目

JavaScript基本语法（三）

数组

函数