美文网首页
JavaScript基本语法(三)

JavaScript基本语法(三)

作者: 靠谱先生v | 来源:发表于2018-09-08 14:57 被阅读19次
    • 数组

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

    • 函数

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

    数组

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

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

    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基本语法(三)

          本文链接:https://www.haomeiwen.com/subject/wjgqgftx.html