数组,函数和对象

数组

  • 数组是一组有序的数据集合,数组内部可以存放多个数据,不限数据类型

获取数组元素

  • 数组通过一个index去获取对应数据
  • 调用数据:利用数组变量名后面直接加[index]方式
  • 如果索引值超过数组最大项,内部存储为undefined
  • 更改数据:arr[index]调用数据,等号赋值的方法修改数据

数组的长度

  • 数组有一个length的属性,记录数组的总长度
  • 最后一项的的下标为arr.length-1
  • 增加数组长度:直接给数组length赋值一个大于原来长度的值
  • 缩短数组长度:强制给length属性赋值,后面数据直接删除,删除是不可逆的

数组遍历

  • 利用for循环,将数组中每一项单但拿出来
  • 根据下标在0到arr.length-1之间,进行for循环遍历
    for(var i = 0;i < arr.length;i++){
      console.log(arr[i]);
    }
    

函数

  • 函数可以将一段代码封装,具有某种特殊功能的完整体
  • 作用就是封装一段代码可以重复使用

函数声明和调用

  • 函数需要先定义然后才能使用
  • 函数利用function进行声明
  • 函数声明的时候,函数体不会执行,只有当函数被调用才会执行

函数的参数

  • 函数预留接口,就是函数参数,可以接收任意类型的数据,导致函数执行结果根据参数不同而不同
  • 一个函数可以设置0个或者多个参数,参数之间用逗号分隔

形式参数

  • 定义的()内部的参数,本质是变量,可以接受实际参数传递过来的数据

实际参数

  • 调用的()内部的参数,本质就是传递各种类型的数据,传递给没个形参

函数的返回值

  • 将函数执行的结果返回一个值
  • 利用return的关键字设置函数返回值
  • 函数内部如果执行到一个return关键字,会立即停止后面代码的执行
  • 可以在return关键字后面添加空格,空格后面定义一个字面量或者表达式,表达式的值就是return后面的数据
  • 如果函数没有设置return,函数默认返回值undefined
  • 如果使用return,但是后面没有任何值,函数 返回值也是undefined

函数表达式

  • 函数定义的另一种方式,将函数的定义、匿名函数赋值给一个变量
  • 调用函数表达式,方法给变量名加()执行
    var fool = function(){
      console,log(2);
    };
    fool(); 
    

函数的数据类型

  • 函数是一种单独的数据类型function
  • 函数是一种数据类型,可以和其他数据类型一样参与其他程序

arguments对象

  • arguments存储了传递的所有实参。arguments是一个伪元素,因此可以进行遍历

函数递归

  • 函数通过函数名调用函数自身的方式
  • 递归次数太多容易出现错误:超出计算机的计算最大能力
    //斐波那契数列
    function fibo(a){
      if(a === 1 || a === 2){
        return 1;
      }else{
        return fibo(a - 1) + fibo(a - 2);
      }
    }
    

作用域

  • 变量可以起作用的范围

全局变量和局部变量

  • 局部变量:定义在函数内部的变量,只能在函数作用域内部被访问
  • 全局变量:从广义上来说,也是一种局部变量,定义在全局的变量,作用域范围是全局

参数也是局部变量

  • 函数的参数本质是一个变量,函数的参数也是属于自己内部的局部变量

作用域链

  • 将这样的作用域列出来,函数内指向函数外的链式结构,就称为作用域链

遮蔽效应

  • 程序在遇到变量时,使用作用域查找顺序,会优先从自己所在层作用域查找变量,如果当前层没有变量定义会按照顺序从本层往外依次查找

不写var关键字的影响

  • 在函数内部要定义新的变量,如果不加关键字var,相当于定义全局变量

预解析

  • 预解析过程:
    • 把变量的声明提升到当前作用域的最前面,只会提升声明,不会提升赋值
    • 把函数的声明提升到当前作用域的最前面,只会提升声明,不会提示调用
    • 先提示var,再提升function

IIFE自调用函数

  • 表示函数在定义时就立即调用
  • 函数调用方式:函数名或函数表达式的变量名后面加()运算符
  • 如果想实现IIFE,可以想办法将函数矮化成表达式
    + function fun(){
      console.log(1);
    }
    (function(a){
      console.log(a)
    })(1);
    

对象

  • 对象可以自定义名称存储一系列无序的相关数据

对象字面量

  • 创建一个对象最简单的方式是使用字面量赋值给变量

调用对象内部属性和方法

  • 用对象的变量名打点调用某个属性名
  • 在对象内部用this打点调用属性名
  • 用对象的变量名后面加[]调用,[]内部是字符串格式的属性名
  • 调用方法,需要在方法名后加()执行
    var person1 = {
      name : "zs",
      age : 18,
      sex : "male"
      sayHi : function(){
        console.log(this.m"你好");
      }
    }
    console.log(person1.name);
    person1.sayHi();
    console.log(person1["name"]);
    person1["sayHi"]();
    

new Object()创建对象

  • 用来初始化对象
  • 构造函数用于创建一类对象,首字母大写
  • 构造函数要和new一起使用才有意义

new在执行时会做四件事

  • 会在内存中创建一个新的空对象
  • new会让this指向这个新的对象
  • 执行构造函数目的:给这个新对象添加属性和方法
  • new会返回这个新对象

工厂函数创建对象

  • 如果要创建多个类似的对象,可以将new Object()过程封装到一个函数中,将来调用函数就能创建一个对象
    function createPerson(name,age,sex){
      //创建一个空对象
      var person = new Object();
      //添加属性和方法
      person.name = name;
      person.age = age;
      person.sex = sex;
      person.sayHi = function(){
        console.log("hello")
      }
      //将对象返回
      return person
    }
    //创建一个对象,调用上面工厂函数
    var p1 = createPerson("zs",18,true);
    

自定义构造函数

  • 内部不需要new一个构造函数的过程,直接使用this代替对象进行属性和方法的书写,也不需要return一个返回值
  • 使用时,利用new关键字调用自定义构造函数即可
  • 构造函数的函数名首字母需要大写,区别其他普通函数名

对象遍历

for(var k in person1){
  console.log(person1[k]);
}

Math对象

  • Math对象具有数学常数和函数的属性和方法,我们可以直接进行使用

检测数组类型

  • instanceof 检测某个实例是否是某个对象类型
    console.log(arr instanceof Array)
    

数组对象

  • toString() 把数组转换成字符串,逗号分开每一项

push:向数组末尾增加内容

  • 拓展:ary[ary.length] = 10;方法向末尾增加内容
    console.log(arr.push(5,6,7,8));
    

pop: 删除数组最后一项的内容

  • 原有的数组发生改变
  • 拓展:ary.length--;方法删除最后一项内容
    var res = ary.pop();
    console.log(res, ary);
    

shift:删除数组中的第一项

  console.log(arr.shift());

unshift: 向数组开头增加一项

var res = ary.unshift(100);
console.log(res, ary);

concat() 数组的合并

  • 将两个数组合并成一个新的数组
  • 原数组不变,返回拼接后的新数组

slice(start,end) 数组的拆分或截取

  • 从当前数组中截取一个新的数组,不影响原来的数组,返回一个新的数组
  • 从start到end(不包括该元素)下标的的元素
  • 下标为+,从头开始截取。下标为-,从尾开始截取

splice:既能实现删除,增加,还能实现修改

  • 删除
    • ary.splice(n,m)从索引n开始,删除m个元素,把删除的内容以新数组方式返回,原来的数组改变
    • ary.splice(n):从索引n开始,删除到数组的末尾
    • ary.splice(0):删除数组所有项
    • ary.splice():返回空数组
  • 修改
    • ary.splice(n,m,x):从索引n开始,删除m个,用x替换删除的部分,把删除的内容用新数组返回,原来的数组改变
  • 增加
    • ary.splice(n,0,x): 从索引n开始,一个都不删除,把x增加到索引n的前面,原来的数组改变
    • ary.splice(ary.length,0,x);和push功能一样,向末尾增加内容

位置方法

  • indexOf() 查找数据在数组中最先出现的下标
  • lastIndexOf() 查找数据在数组中最后一次出现的下标
  • 如果没找到,返回-1

reverse()倒序

  • 将数组完全颠倒,第一项变成最后一项

sort() 排序

  • 默认根据字符编码顺序,从小到大排序
    arr.sort(function(a,b){
      if (a > b) {
        return -1;
      } else if (a < b) {
        return 1;
      } else {
        return 0;
      }
    })
    

join() 转字符串方法

  • 通过参数作为连字符将数组中的每一项用连字符连成一个完整的字符串
    var str = arr.join(" ");
    console.log(str);
    

字符串属性

  • str.length 长度属性
  • charAt() 返回指定位置的字符
    //遍历字符串
    for(var i = 0; i < str.length;i++){
      console.log(str.charAt(i));
    }
    
  • indexOf() 返回某个指定的字符串在字符串首次出现的位置
    
    
  • concat() 用于连接两个或多个字符串
  • split() 把一个字符串分割成字符串数组
  • toLowerCase() 把字符串转换成小写
  • toUpperCase() 把字符串转换成大写
  • slice(start,end) 截取字符串 ,同substring用法,支持负数方法, 如果只有一个参数,表示从参数位置截取到最后
  • substr(start,howmany) 在字符串中抽取从start下标开始的指定数目的字符
    //从0下标开始截取19个字符
    console.log(str.substr(0,19));
    
  • substring(start,end) 用于提取字符串中介于两个指定下标之间的字符
    //截取从下标n开始到m下标结束所有字符串(不包含m下标)
    console.log(str.substring(n,m));
    

你可能感兴趣的:(数组,函数和对象)