Javascript Array数组对象

简介: Javascript Array数组对象

数组对象是一个对象的集合,里边的对象可以是不同类型的。数组的每一个成员对象都有一个“下标”,用来表示它在数组中的位置,是从零开始的


数组定义的方法:


1. 定义了一个空数组:


var  数组名= new Array();


2. 定义时指定有n个空元素的数组:


var 数组名 =new Array(n);


3.定义数组的时候,直接初始化数据:


var  数组名 = [<元素1>, <元素2>, <元素3>...];


我们定义myArray数组,并赋值,代码如下:


var myArray = [2, 8, 6];


说明:定义了一个数组myArray,里边的元素是:myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

数组元素使用:


数组名[下标] = 值;


注意: 数组的下标用方括号括起来,从0开始。


数组属性:

length用法:<数组对象>.length;返回:数组的长度,即数组里有多少个元素。它等于数组里最后一个元素的下标加一。


数组方法:


2466108-23fdd75312d02d0b.webp.jpg


数组连接concat()



concat()方法用于连接两个或多个数组。此方法返回一个新数组,不改变原来的数组。

语法


arrayObject.concat(array1,array2,...,arrayN)


参数说明:


2466108-b52020de5ad022e6.webp.jpg


注意: 该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

我们创建一个数组,将把concat()中的参数连接到数组myarr中,代码如下:


<script type="text/javascript">
  var mya = new Array(3);
  mya[0] = "1";
  mya[1] = "2";
  mya[2] = "3";
  document.write(mya.concat(4,5)+"<br>");
  document.write(mya);
</script>


运行结果:


1,2,3,4,5
1,2,3


我们创建了三个数组,然后使用concat()把它们连接起来,代码如下:


<script type="text/javascript">
  var mya1= new Array("hello!")
  var mya2= new Array("I","love");
  var mya3= new Array("JavaScript","!");
  var mya4=mya1.concat(mya2,mya3);
  document.write(mya4);
</script>


运行结果:


hello!,I,love,JavaScript,!


指定分隔符连接数组元素join()



join()方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

语法:


arrayObject.join(分隔符)


参数说明:


2466108-2f38faa78913f1f7.webp.jpg


注意:返回一个字符串,该字符串把数组中的各个元素串起来,用<分隔符>置于元素与元素之间。这个方法不影响数组原本的内容。 我们使用join()方法,将数组的所有元素放入一个字符串中,代码如下:


<script type="text/javascript">
  var myarr = new Array(3);
  myarr[0] = "I";
  myarr[1] = "love";
  myarr[2] = "JavaScript";
  document.write(myarr.join());
</script>


运行结果:


I,love,JavaScript


我们将使用分隔符来分隔数组中的元素,代码如下:


<script type="text/javascript">
  var myarr = new Array(3)
  myarr[0] = "I";
  myarr[1] = "love";
  myarr[2] = "JavaScript";
  document.write(myarr.join("."));
</script>


运行结果:


I.love.JavaScript


颠倒数组元素顺序reverse()



reverse()方法用于颠倒数组中元素的顺序。

语法:


arrayObject.reverse()


注意:该方法会改变原来的数组,而不会创建新的数组。

定义数组myarr并赋值,然后颠倒其元素的顺序:


<script type="text/javascript">
  var myarr = new Array(3)
  myarr[0] = "1"
  myarr[1] = "2"
  myarr[2] = "3"
  document.write(myarr + "<br />")
  document.write(myarr.reverse())
</script>


运行结果:


1,2,3
3,2,1


选定元素slice()



slice()方法可从已有的数组中返回选定的元素。

语法


arrayObject.slice(start,end)


参数说明:


2466108-133a5cf94cb5f36d.webp.jpg


1.返回一个新的数组,包含从startend(不包括该元素)的 arrayObject中的元素。


2. 该方法并不会修改数组,而是返回一个子数组。


注意:


1. 可使用负值从数组的尾部选取元素。


2.如果end未被规定,那么slice()方法会选取从start到数组结尾的所有元素。


3.String.slice()Array.slice()相似。

我们将创建一个新数组,然后从其中选取元素,代码如下:


<script type="text/javascript">
  var myarr = new Array(1,2,3,4,5,6);
  document.write(myarr + "<br>");
  document.write(myarr.slice(2,4) + "<br>");
  document.write(myarr);
</script>


运行结果:


1,2,3,4,5,6
3,4
1,2,3,4,5,6


数组排序sort()



sort()方法使数组中的元素按照一定的顺序排列。

语法:


arrayObject.sort(方法函数)


参数说明:


2466108-14e2fa88c3f334c8.webp.jpg


1.如果不指定<方法函数>,则按unicode码顺序排列。


2.如果指定<方法函数>,则按<方法函数>所指定的排序方法排序。


myArray.sort(sortMethod);


**注意: **该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:

若返回值<=-1,则表示 A 在排序后的序列中出现在 B 之前。

若返回值>-1 && <1,则表示 A 和 B 具有相同的排序顺序。

若返回值>=1,则表示 A 在排序后的序列中出现在 B 之后。


1.使用sort()将数组进行排序,代码如下:


<script type="text/javascript">
  var myarr1 = new Array("Hello","John","love","JavaScript"); 
  var myarr2 = new Array("80","16","50","6","100","1");
  document.write(myarr1.sort()+"<br>");
  document.write(myarr2.sort());
</script>


运行结果:


Hello,JavaScript,John,love
1,100,16,50,6,80


注意:上面的代码没有按照数值的大小对数字进行排序。


2.如要实现这一点,就必须使用一个排序函数,代码如下:


<script type="text/javascript">
  function sortNum(a,b) {
  return a - b;
 //升序,如降序,把“a - b”该成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
  document.write(myarr + "<br>");
  document.write(myarr.sort(sortNum));
</script>


运行结果:


80,16,50,6,100,1
1,6,16,50,80,100


目录
相关文章
|
20天前
|
人工智能 前端开发 JavaScript
拿下奇怪的前端报错(一):报错信息是一个看不懂的数字数组Buffer(475) [Uint8Array],让AI大模型帮忙解析
本文介绍了前端开发中遇到的奇怪报错问题,特别是当错误信息不明确时的处理方法。作者分享了自己通过还原代码、试错等方式解决问题的经验,并以一个Vue3+TypeScript项目的构建失败为例,详细解析了如何从错误信息中定位问题,最终通过解读错误信息中的ASCII码找到了具体的错误文件。文章强调了基础知识的重要性,并鼓励读者遇到类似问题时不要慌张,耐心分析。
|
22天前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
17 2
|
22天前
|
存储 Java
Java“(array) <X> Not Initialized” (数组未初始化)错误解决
在Java中,遇到“(array) &lt;X&gt; Not Initialized”(数组未初始化)错误时,表示数组变量已被声明但尚未初始化。解决方法是在使用数组之前,通过指定数组的大小和类型来初始化数组,例如:`int[] arr = new int[5];` 或 `String[] strArr = new String[10];`。
|
25天前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
19 3
|
3天前
|
JavaScript 前端开发 开发者
|
27天前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
34 4
|
25天前
|
缓存 JavaScript 前端开发
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
JavaScript中数组、对象等循环遍历的常用方法介绍(二)
27 1
|
25天前
|
JavaScript 前端开发 API
JS中数组的方法flat()怎么用
JS中数组的方法flat()怎么用
13 0
|
25天前
|
JavaScript 前端开发 索引
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
JavaScript中数组、对象等循环遍历的常用方法介绍(一)
16 0
|
27天前
|
前端开发 JavaScript 索引
JavaScript 数组常用高阶函数总结,包括插入,删除,更新,反转,排序等,如map、splice等
JavaScript数组的常用高阶函数,包括遍历、插入、删除、更新、反转和排序等操作,如map、splice、push、pop、reverse等。
17 0