温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript中Array对象有哪些使用方式

发布时间:2020-10-10 17:55:58 来源:亿速云 阅读:164 作者:小新 栏目:web开发

JavaScript中Array对象有哪些使用方式?这个问题可能是我们日常学习或工作经常见到的。希望通过这个问题能让你收获颇深。下面是小编给大家带来的参考内容,让我们一起来看看吧!


JavaScript中Array对象有哪些使用方式

我们先来看一个示例

代码如下

<!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对象的一些用法

删除数组末尾的元素

代码如下

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

运行结果如下

JavaScript中Array对象有哪些使用方式

将元素添加到数组的开头

代码如下

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

运行结果如下

JavaScript中Array对象有哪些使用方式

获取元素的下标

代码如下

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

运行结果如下

JavaScript中Array对象有哪些使用方式

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

确定下标位置并删除元素

代码如下

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

运行效果如下

JavaScript中Array对象有哪些使用方式

复制一个数组

代码如下

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

运行效果如下

JavaScript中Array对象有哪些使用方式

定义一个空数组

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

代码如下

//定义一个空数组
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)

运行效果如下

JavaScript中Array对象有哪些使用方式

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

多维数组的创建

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

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

我们来看下面的图像

一维数组

JavaScript中Array对象有哪些使用方式

二维数组

JavaScript中Array对象有哪些使用方式

我们来看具体的示例

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

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

感谢各位的阅读!看完上述内容,你们对JavaScript中Array对象有哪些使用方式大概了解了吗?希望文章内容对大家有所帮助。如果想了解更多相关文章内容,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI