五、 JavaScript基本对象：Array、String、自定义对象

JavaScript入门专栏

JavaScript分为三类。

基本对象：Array、Boolean、Date、Math、Number、String、RegExp、Gobal；
BOM对象：Browser对象Window、Navigator、Screen、History、Location；
DOM对象：Document、Anchor、Area等；

1. Array对象

Array对象用于定义数组。

1. 创建

方式1

var 变量名 = new Array(元素列表); 

var arr = new Array(1,2,3); //1,2,3 是存储在数组中的元素

方式2

var 变量名 = [元素列表];

var arr = [1,2,3]; //1,2,3 是存储在数组中的元素

**注意：**Java中的数组静态初始化使用的是{}定义，而 JavaScript 中使用的是 [] 定义。

2. 访问元素
   语法：arr[索引] = 值;

 // 方式一
var arr = new Array(1,2,3);
// alert(arr);

// 方式二
var arr2 = [1,2,3];
//alert(arr2);

// 访问
arr2[0] = 10;
alert(arr2)

Array特点

JavaScript 中的数组相当于 Java 中集合。数组的长度是可以变化的，而 JavaScript 是弱类型，所以可以存储任意的类型的数据。

// 变长
var arr3 = [1,2,3];
arr3[10] = 10;
alert(arr3[10]); // 10
alert(arr3[9]);  //undefined

上面代码在定义数组中给了三个元素，又给索引是 10 的位置添加了数据 10，那么 索引3 到 索引9 位置的元素是什么呢？我们之前就介绍了，在 JavaScript 中没有赋值的话，默认就是 undefined。如果

给 arr3 数组添加字符串的数据，也是可以添加成功的。

arr3[5] = "hello";
alert(arr3[5]); // hello

Array属性、方法

var arr = [1,2,3];
for (let i = 0; i < arr.length; i++) {
    alert(arr[i]);
}

push 函数：给数组添加元素，也就是在数组的末尾添加元素，参数表示要添加的元素；

// push:添加方法
var arr5 = [1,2,3];
arr5.push(10);
alert(arr5);  //数组的元素是 {1,2,3,10}

splice 函数：删除元素。
参数1：索引，表示从哪个索引位置删除；
参数2：个数，表示删除几个元素；

// splice:删除元素
var arr5 = [1,2,3];
arr5.splice(0,1); //从 0 索引位置开始删除，删除一个元素 
alert(arr5); // {2,3}

2. String对象

2.1 创建

方式1

var 变量名 = new String(s); 

方式2

var 变量名 = "123"; 

2.2 属性

String对象提供了很多属性，例如 length ，该属性是用于动态的获取字符串的长度。

2.3 方法

3. 自定义对象

定义

var 对象名称 = {
    属性名称1:属性值1,
    属性名称2:属性值2,
    ...,
    函数名称:function (形参列表){},
	...
};

调用属性：对象名.属性名；
调用函数：对象名.函数名()；

var person = {
        name : "zhangsan",
        age : 23,
        eat: function (){
            alert("干饭~");
        }
    };


alert(person.name);  //zhangsan
alert(person.age); //23

person.eat();  //干饭~