JavaScript数组的创建及数组的概述

数组的概述：

1.渲染数据 - 5条数据

        var str1 = '新闻标题1';
        var str2 = '新闻标题2';
        var str3 = '新闻标题3';
        var str4 = '新闻标题4';
        var str5 = '新闻标题5';

弊端：数据太散了，每一条数据都有一个不同的名字，需要一个名称包含多条数据。

2.数组：一组任意类型或者相同类型的数据。

3.Array的特点

        Array类型属于对象类型。

        Array类型是最常用的类型。

        Array有序排列-索引下标

        Array可以保存任何类型。

        Array的大小也是可以调整的。

数组的创建：

创建数组：使用系统内置的类 - Array创建数组对象。

1.利用构造函数(Array)创建数组对象。

 var arr1 = new Array('apple', 'banana', 'pear', 'orange'); //arr1:实例对象，数组对象   Array:构造函数
constructor：获取实例对象的构造函数(类)体。
        alert(arr1.constructor); //function Array() { [native code] } 内置的函数。

2.简洁的数组创建的方式 - 字面量创建

var arr2 = ['apple', 'banana', 'pear', 'orange'];

3.数组的属性 - length

length：读写数组的长度。(读写：获取设置)

        console.log(arr1.length); //读
        console.log(arr2.length); //读
        arr1.length = 2; //写
        arr2.length = 20; //写

 4.数组的索引下标 

  使用索引(index) 下标来读写数组的值--数组下标是固定的， 从0开始的整数

    console.log(arr1[0]); //apple
        console.log(arr2[2]); //pear
        console.log(arr2[250]); //undefined
        arr2[2] = 'hello'; //修改数组项的值
        arr1[99] = 1000;

5.数组名称等于所有数组项的值

       console.log(arr1); // ["apple", "banana", "pear", "orange"]
        console.log(arr2); // ["apple", "banana", "pear", "orange"]

        console.log(arr1.length); //100

 6.数组的类型检测

        Array.isArray():类下面的方法 - 静态方法

        确定括号中的某个值到底是不是数组,返回布尔值。

        var a = null;
        var b = ['hello', 'hi'];
        console.log(typeof a); //object
        console.log(typeof b); //object
        console.log(Array.isArray(a)); //false
        console.log(Array.isArray(b)); //true

        总结：

        1. 数组的length删除数组， 添加数组项。

        2. 数组的索引可以改变数组项的值， 添加数组项。

        3. 上面两种数组创建方式有一个基本的区别。

        如果数组项只有一项， 而这一项又是数字， 对于构造函数创建来说这个数字代表长度。

        var newarr1 = new Array(5);
        var newarr2 = [5];
        console.log(newarr1); //[empty × 5]
        console.log(newarr2); //[5]
        console.log(newarr1.length); //5
        console.log(newarr2.length); //1
        console.log(newarr1[0]); //undefined
        console.log(newarr2[0]); //5