JavaScript中Array对象的用法有哪些-js教程-PHP中文网

JavaScript中Array对象的用法有哪些

不言

发布： 2018-12-13 15:46:18

原创

2676人浏览过

我们在上一篇文章JavaScript中的Array对象如何使用中已经介绍了有关于Array对象的属性和方法的用法，接下来的这篇文章我们就来看看Array对象还有哪些用法。

Array

我们先来看一个示例

代码如下

立即学习“Java免费学习笔记（深入）”；

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var family= new Array("Tom", "Jerry", "Soucy");
      console.log(family);
    </script>
  </body>
</html>

登录后复制

下面我们就根据这个例子来介绍Array对象的一些用法

删除数组末尾的元素

代码如下

立即学习“Java免费学习笔记（深入）”；

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      var last = family.pop();
      console.log(family);
    </script>

登录后复制

运行结果如下

Array

将元素添加到数组的开头

代码如下

立即学习“Java免费学习笔记（深入）”；

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      var newLength = family.unshift("Zero");
      console.log(family);
    </script>

登录后复制

运行结果如下

Array

获取元素的下标

代码如下

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      var ban = family.indexOf("Soucy");
      console.log(ban);
    </script>

登录后复制

运行结果如下

2345截图20181213145547.png

从上述结果中我们可以知道Soucy的下标值是2。

确定下标位置并删除元素

代码如下

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      var removedFamily = family.splice(0,1);
      console.log(family);
    </script>

登录后复制

运行效果如下

法语写作助手

法语助手旗下的AI智能写作平台，支持语法、拼写自动纠错，一键改写、润色你的法语作文。

查看详情

2345截图20181213151156.png

复制一个数组

代码如下

立即学习“Java免费学习笔记（深入）”；

  <script>
      var family= new Array("Tom", "Jerry", "Soucy");
      var FamilyCopied= new Array("Tom", "Jerry", "Soucy");
      console.log(FamilyCopied);
    </script>

登录后复制

运行效果如下

2345截图20181213151431.png

定义一个空数组

空数组用于定义不包含任何内容的数组。

代码如下

立即学习“Java免费学习笔记（深入）”；

//定义一个空数组
var family = new Array();
msgArray[0] = "Tom";
msgArray[99] = "100Tom";
if (family.length==100) {
 console.log("数组的长度为100");
}

登录后复制

删除Array对象的任何部分

var array=["A","B","C","D","E","F"]
delete array[1];
delete array[5];
console.log(array)

登录后复制

运行效果如下

2345截图20181213153142.png

注意：这里虽然删除了两个元素但是数组长度不变，splice删除元素，数组长度是会相应的改变的，数组的下标也会相应改变的。

多维数组的创建

多维数组是组合两种或更多种类型元素的数组。

JavaScript不提供多维数组的方法，但可以通过在数组中再创建一个数组来实现多维数组。

我们来看下面的图像

一维数组

2345截图20181213154014.png

二维数组

2345截图20181213154053.png

我们来看具体的示例

var array = [
  [1,2,3],
  [4,5,6],
  [7,8,9]
];
var array1 = array[2];

登录后复制

在名为array1的变量中，将分配array数组中第二个元素中包含的值[7,8,9]

以上就是JavaScript中Array对象的用法有哪些的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

JavaScript中如何将扁平化对象拆分为结构化对象数组使用JavaScript处理对象数组：基于前一项值条件递增属性 JavaScript 对象数组中相邻重复值的自动递增处理 JavaScript：根据键前缀将扁平化对象数组拆分为多行结构 JS函数怎样定义函数数据转换_JS函数数据转换定义与数组对象处理方法