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