数组 & 对象 & 函数

数组

数组也是一个对象，不同的是对象用字符串作为属性名，而数组用数字作为索引，数组的索引从0开始

创建数组:

//方式一：构造器，可以在创建数组时指定	Var arr = new Array(1，2，4，6，7);

//方式二：字面量（推荐），可以在创建数组时指定元素
	Var arr = [1，2，4，6，7];

区别：

 arr1 = new Array(10)   //创建长度为10的数组
 arr2 = [10]             //创建数组，数组只有一个元素10

添加元素

数组名[索引] = 值；
例：arr[0] = 10;

读取元素

//数组名[索引]
arr[0];

数组角标从0开始，如果读取不存在的值，不会报错，而是返回undefined

数组的长度

arr.length

注意：

• 数组索引从0 开始

• 如果跳跃式添加元素，中间元素也存在，值为空

• 数组长度可设定，设置过大自动填充，过小则会截取

• 数组元素可以为任意数组类型，包括数组、对象和函数

向最后一个位置添加元素：

arr.push("")
//或
arr[arr.length] = 值；

JS数组常用方法

push() ：向数组的末尾添加一个或多个元素，并返回新的长度。

unshift() ：向数组的开头添加一个或更多元素，并返回新的长度，其他 元素索引也会随之更改

Var arr = [];
var result = arr.push("丸子","莉香");
console.log(arr); //"丸子，莉香"
console.log(result); //2

该方法会将新数组的长度作为返回值返回

pop() ：删除并返回数组的最后一个元素

shift() ：删除并返回数组的第一个元素

var result = arr.pop();
console.log(result); //莉香，即删除的对象
console.log(arr); //"丸子"

数组的遍历

for (var i = 0; i < arr.length; i++) {
    console.log(arr[i]);
}

对象

在JavaScript中，对象是一组无序的相关属性和方法的集合，所有的事物都是对象，例如字符串、数值、数组、函数等。

声明

1、构造器

var obj = new Object();

2、字面量

声明对象可直接添加属性 （属性名：属性值）

//空对象
var obj1 = {}

//声明带属性的对象
var obj = {
    name:"莉香",
    age:23,
    gender:"仙女"
}

字面量赋值用冒号

3、利用构造函数创建对象

function 构造函数名(形参1，形参2，形参3...) {
    this.属性名1 = 参数1;
    this.属性名2 = 参数2;
    this.属性名3 = 参数3;
    this.方法名 = 函数体;
  }

// 工厂函数创建对象 这个把创建好的对象返回给函数调用处
function createPerson(name, age, job) {
    var person = new Object();
    person.name = name;
    person.age = age;
    person.job = job;
    person.sayHi = function(){
        console.log('Hello,everyBody');
    }
    return person;
}
var p1 = createPerson('张三', 22, 'actor');

注意：

• 构造函数约定首字母大写
• 函数内的属性和方法前面需要添加this，表示当前对象的属性和方法
• 构造函数中不需要retrun返回结果

new关键字的作用(面试题)

• 在构造函数代码开始执行之前，创建一个空对象；
• 修改this的指向，把this指向创建出来的空对象；
• 执行构造函数内的代码，给这个新对象添加属性和方法
• 在函数完成之后，返回这个创建出来的新对象(所以构造函数里面不需要return)

添加/修改属性

//对象.属性名 = 属性值；
var obj = new Object();
obj.name = "丸子";	//添加属性
obj.gender = "男";

//对象['属性']
obj['name'] = "莉香"  //修改属性

js中属性声明和赋是同时进行的

获取对象属性：

对象.属性名
console.log(obj.name);

读取对象中没有的属性不会报错而是返回undefined

删除对象的属性：

delete 对象名.属性名

使用特殊值作为属性名

不能使用 . 的方式，需要使用另一种方式：

对象名["属性名"] = 属性值

注意：

• 对象字面量的属性名可以加引号也可以不加，建议不加
• 属性名和属性值是键值对结构，多个键值对之间使用逗号隔开 ，最后一个键值对之后不要加逗号

遍历

in运算符

检查对象中是否含有指定属性，有则返回true，没有返回fasle

语法：属性名 in 对象

console.log("name" in obj)     //true

//i为数组索引
for(let k in obj){
   console.log(obj[k])
}

of运算符

//item为数组中数据
for(let item in this.books){
    totalPrice += item.price * item.count
}

函数

「1. 函数的概念」

封装了一段可被重复调用执行的代码块，通过函数可以实现大量代码的重复使用。函数是一种数据类型。

函数的声明

1、 通过function关键字定义函数 -- 命名函数

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

注意：function 是声明函数的关键字，必须小写

2、通过函数表达式定义函数 -- 匿名函数

var fn = function() {};

//调用
fn();
//匿名函数使用的第2种方式--匿名函数自调用
  (function(){
    alert(123);
  })();

注意：

• fn是变量名，不是函数名，只不过变量存储的是函数
• 函数表达式创建的函数可以通过 变量名(); 来调用
• 函数声明后调用才会执行函数体代码

函数的参数

• 形参：函数定义时候，传递的参数(实参值传递给形参,不用声明的变量)
• 实参：函数调用时候，传递的参数

  //带参数的函数声明
  function 函数名(形参1,形参2,形参3...) {
    //函数体
  }
  // 带参数的函数调用
  函数名(实参1,实参2,实参3...);

「函数形参和实参数量不匹配时」

参数个数	说明
实参个数等于形参个数	输出正确结果
实参个数多于形参个数	只取到形参的个数
实参个数小于形参	多的形参定义为undefined

function getSum(a, b, c) {
    return a + b + c;
}
// js中形参的默认值是undefined。
// 调用函数
var n = getSum(1, 2);// n = NaN
var n = getSum(1, 2, 3, 4); //1 + 2 +3 = 6

函数的返回值

返回值：函数调用整体代表的数据；函数执行完成后可以通过return语句将指定数据返回 。

// 声明函数
function 函数名() {
    ...
    return 需要返回的值;
    // 1. 函数遇到return会停止执行，并返回指定的值
    // 1. 如果函数没有return 返回的值是undefined
}
// 调用函数
函数名(); //此时调用函数就可以得到函数体内return的值

break & continue & return

• break: 结束当前的循环体 (如for、while)
• continue: 跳出本次循环，继续执行下次循环
• return: 不仅可以退出(函数体内)循环，还能够返回return语句中的值，同时还可以结束当前的函数体内的代码

function breakDown() {
    for (var i = 0; i < 10; i++) {
        if (i == 5) {
            return 1;
        }
        console.log(i);
    }
}
breakDown();	//1

• return只能结束函数体内的代码
• 函数如果有return 则返回的是 return 后面的值
• return d,a,b;返回的是b的值
• 如果函数没有 return语句，则返回undefined

arguments的使用

当不确定有多少个参数传递的时候，可以用 arguments 来获取。arguments是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象，arguments 对象中存储了传递的所有实参。arguments展示形式是一个伪数组，因此可以进行遍历。

伪数组具有以下特点：

• 具有length属性

• 按索引方式存储数据

• 不具有数组的push，pop等方法

 function fn() {
    //arguments 里面存储了所有传递过来的实参
    console.log(arguments);// [1,2,3...]
    console.log(arguments[1]); // 2
    console.log(arguments.length); // 3

    //我们可以按照数组的方式 遍历argument
  }
  fn(1, 2, 3);

例：

// 用伪数组 实现求最大值
 function getMax() {
    var max = arguments[0];
    for (var i = 1; i < arguments.length; i++) {
      if (arguments[i] > arguments[0]) {
        max = arguments[i];
      }
    }
    return max;
  }
  var result = getMax(1,3,77,5,85)
  colsole.log(result);