【引用类型】Array 类型

ECMAScript 数组可以保存任何类型的数据。数组最多包含 4294967295 个值

创建数组

1. 使用 Array 构造函数

 1 <script>
 2     //创建数组 arr1
 3     var arr1 = new Array();
 4     //创建数组 arr2 , 数组length属性值为20
 5     var arr2 = new Array(20);
 6     //创建数组 arr3, 数组包含 3 个字符串值
 7     var arr3 = new Array("red","blue","pink");
 8
 9     //可以省略 new 操作符
10     var arr4 = Array();
11     var arr5 = Array(20);
12     var arr6 = new Array("red","blue","pink");
13 </script>

2. 使用数组字面量表示法

1 <script>
2     //创建空数组 arr1
3     var arr1 = [];
4     //创建数组 arr2, 数组包含 3 个字符串值
5     var arr2 = ["red","blue","pink"];
6 </script>

不要像下面一样创建!

1 <script>
2     var arr1 = [1,2,];
3     var arr2 = [,,,,,];
4
5     console.log(arr1);                //输出:(2) [1, 2]
6     console.log(arr1.length);        //输出:2
7     console.log(arr2);                //输出:(5) [empty × 5]
8     console.log(arr2.length);        //输出:5
9 </script>

读取和设置数组的值

 1 <script>
 2     var arr1 = ["a","b","c"];
 3     //读取第 1 项
 4     console.log(arr1[0]);        //输出:a
 5     //修改第 2 项
 6     arr1[1] = "1";
 7     //新增第 3 项
 8     arr1[3] = "3";
 9     console.log(arr1);            //输出:(4) ["a", "1", "c", "3"]
10     //数组长度
11     console.log(arr1.length);    //输出:4
12     //设置属性,从数组末尾移除项
13     arr1.length = 2;
14     console.log(arr1);            //输出:(2) ["a", "1"]
15     //设置属性,从数组末尾新增项,新增的每一项都为 undefined 值
16     arr1.length = 4;
17     console.log(arr1);            //输出:(4) ["a", "1", empty × 2]
18     console.log(arr1[2]);        //输出:undefined
19     console.log(arr1[3]);        //输出:undefined
20     //利用length属性添加新项
21     arr1[arr1.length] = "length";
22     console.log(arr1);            //输出:(5) ["a", "1", empty × 2, "length"]
23     arr1[arr1.length] = "length";
24     console.log(arr1);            //输出:(6) ["a", "1", empty × 2, "length", "length"]
25     //在超出当前数组大小的位置上添加值数组会重新计算数组长度
26     arr1[99] = 99;
27     console.log(arr1.length);    //100
28 </script>

原文地址:https://www.cnblogs.com/xiaoxuStudy/p/12242852.html

时间: 2024-07-30 16:31:16

【引用类型】Array 类型的相关文章

引用类型-Array类型~ 前端学习之路

今天开始记录每天所学的重点,为了加深印象也为了今后的复习. 今天学习的重点是引用类型中Array类型,Array类型中的栈方法,队列方法,重排序方法,操作方法,位置方法,迭代方法,归并方法.这几个方法我感觉尤为重要,因此记录下来,以便忘记了可以回顾. (一)栈方法 首先要知道的是栈是一种后进先出的数据结构,也就是最先添加的项最先移除.在JS中提供有两种方法,push()和pop()方法是实现类似于栈的行为. push()方法可以接受任意数量的参数,并且把它们放在数组的末尾,最后返回修改后数组的长

JS引用类型 -- Array类型

ECMAScript数组与其他语言中的数组都是数据的有序列表,但与其他语言不同的是,ECMAScript数组的每一项可以保存任何类型的数据.而且ECMAScript数组的大小是可以动态调整的,即可以随着数据的添加自动增长. 创建数组的基本方式有两种: 第一种是使用Array构造函数: //1. 使用Array构造函数 var colors = new Array(); //2.如果预先知道数组要保存的项目数量,也可以给构造函数传递该数量,改数量会自动变成length的属性值 var colors

JavaScript的进阶之路(三)引用类型之Object类型和Array类型

引用类型 Object类型 function a(num){ if(num>3){ a(--num); } console.log(num); } a(5); //如何创建对象的实例 var obj1= new Object(); console.log(obj1); obj1.name="吴琼"; obj1.age=28; console.log(obj1.name+" "+obj1.age); //对象字面量语法 ,有点封装的感觉 var obj2 = {

JavaScript基础——引用类型(一)Object类型、Array类型

引用类型简介 引用类型的值(对象)是引用类型的一个实例.在ECMAScript中,引用类型是一种数据结构,用于将数据和功能组织在一起.它也常被称为类,但这种称呼并不妥当(虽然不妥当,在别人提起的时候,就是指ECMAScript中的引用类型,在一次面试的时候,有人就和面试官争论说"JS中没有'类'这个概念,结果可想而知--").尽管ECMAScript从技术上讲是一门面向对象的语言,但它不举杯传统的面向对象语言所支持的类和接口等基本结构.引用类型有时候也被称为对象定义,因为它们描述的是一

引用类型--Object类型、Array类型

引用类型的值(对象)是引用类型的一个实例.在ECMAScript中,引用类型是一种数据结构,它描述的是一类对象具有的属性和方法. 对象是某个特定引用类型的实例,新对象是使用new操作符后跟一个构造函数来创建的. Object类型 大多数引用类型值都是Object类型的实例,Object是ECMAScript中使用最多的一个类型.Object的实例不具备多少功能,但对于在应用程序中存储和传输数据而言,是非常理想的选择. 创建Object实例的方式有两种: 第一种是使用new操作符后跟Object构

JS引用类型(2)——Array类型

[2]Array类型ECMAScript数组的每一项可以保存任何类型的数据,并且大小是可以动态调整的,即可以随着数据的添加自动增长以容纳新增数据. (1)创建数组 1>使用Array构造函数 var colors = new Array(); var colors = new Array(20); var colors = new Array("red","blue","green"); var colors = Array(3); var

引用类型之Array类型

Array类型 ECMAScript数组与其它语言数组一样,都是数据的有序列表.但是ECMAScript数组的每一项可以保存任何类型的数据.而且,ECMAScript数组是可以动态调整的. 1.创建和修改数组 ·创建数组 1 var colors=new Array(20); //创建长度位20的数组 2 var colors=Array(20); //可以省略new操作符 3 var colors=Array("red","blue","green&qu

Object类型与Array类型

总结--JS中的引用类型: Object类型,Array类型,Boolean类型,Number类型,String类型,Date类型, Function类型,RegExp类型,单体内置对象(Global对象,Math对象) 1.Object类型:我们看到的大多数其他对象都可以称为是Object对象 1)创建Object对象的方式有两种:  第一种是使用new操作符后跟Object构造函数    var person =new Object();   //var person ={};    per

Array类型

Array类型 创建方法: (1)构造函数法: var color = new Array(); //创建一个空数组,省略new也是可以的,等价于new color = Array(); var color = new Array(20); //创建一个length为20的数组 var color = new Array("red", "blue", "green"); //创建一个包含3个字符串的数组 (2) 数组字面量表示法(不会调用构造函数

【js实例】Array类型的9个数组方法,Date类型的41个日期方法,Function类型

前文提要:[js实例]js中的5种基本数据类型和9种操作符 Array类型的9个数组方法 Array中有9个数组方法: 1.检测数组 2.转换方法 3.栈方法 4.队列方法 5.冲排序方法6.操作方法 7.位置方法 8.迭代方法 9.归并方法 在实例中介绍,实例如下 /* Array类型 js数组中的每一项可以用来保存任何类型的数据:js数组的大小是可以动态调整的 */ var colors = ["red", "blue", "green"];