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

 

展开阅读全文
©️2020 CSDN 皮肤主题: 数字20 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值