广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >浅谈JavaScript数组简介
  • 928
分享到

浅谈JavaScript数组简介

2024-04-02 19:04:59 928人浏览 八月长安
摘要

目录数组简介数组字面量二维数组总结数组简介 数组(Array) - 数组也是一个对象 它和我们普通对象功能类似,也是用来储存一些值的 不同的是普通对象是使用字符串作为属性值的,而

数组简介

数组Array) - 数组也是一个对象

它和我们普通对象功能类似,也是用来储存一些值的

不同的是普通对象是使用字符串作为属性值的,而数组时使用数字来作为索引操作元素。

索引:从0开始的整数

数组的储存性能比普通对象要好,在开发中我们经常使用数组来储存一些数据

创建数组:

var arr = new Array();
使用 typeof检查一个数组时,会返回 object

在这里插入图片描述

向数组中添加元素

语法: 数组[索引] = 值

读取数组中的元素

语法: 数组[索引]

如果读取不存在的索引,它也不会报错而是返回 undefined

获取数组的长度

可以使用 length属性来获取数组的长度(元素的个数)

语法: 数组.length

对于连续的数组,使用 length可以获取到数组的长度(元素的个数)

对于非连续的数组,使用 length会获取到数组的最大的索引+1

尽量不要创建非连续的数组。

修改 length

如果修改的 length小于原长度,则多出来部分会空出来

如果修改的 length小于原长度,则多出的元素会被删除

向数组最后一个位置添加元素

语法: 数组[数组.length] = 值


arr[arr.length] = 70;
arr[arr.length] = 80;
arr[arr.length] = 90;

数组字面量

使用数组字面量创建数组

语法:[]

var arr = [] ;

使用字面量创建数组时,可以在创建时就指定数组中的元素


var arr = [1,2,3,4,5];

使用构建函数创建数组时,也可以同时添加元素,将要添加的元素作为构建函数的参数传递,元素之间使用,隔开


var arr = new Array(1,2,3,4,5);

注意:

用[]创建一个数组数组中一个元素10


var arr = [10];

在这里插入图片描述

使用构建函数创建数组一个参数时,是创建一个长度为10的空数组;


var arr = new Array(10);
console.log(arr);
console.log("arr.length="+arr.length);

在这里插入图片描述

数组中可以是任意的数据类型


var arr = ["孙悟空", 1, true, null, undefined];
console.log(arr);

在这里插入图片描述

可以是对象


var arr = [{name:"孙悟空"}, {name:"猪八戒"}, {name:"沙悟净"}];
console.log(arr[0].name);

在这里插入图片描述

可以是函数


var arr = [
    function () { alert(1) },
    function () { alert(2) }];

通过arr[0]()调动函数

在这里插入图片描述

二维数组

创建:

使用[]


var arr = [[1,2,3],[4,5,6],[7,8,9]]; 
//3行3列的二维数组

使用new Array


  var a = new Array(
			new Array(10,20,30),
			new Array(11,22,33),
			new Array(45,56,67)
		)

元素的访问 数组名[行下标][列下标]

(1)二维数组的转置:


var a = [
    ['a','b','c'],
    ['d','e','f'],
    ['g','h','i'],
    ['i','k','I']
]
var str = ''
for(var i=0;i<a.length;i++){
    for(var j=0;j<a[i].length;j++){
        str += a[i][j]+'\t';
    }
    str += '\n';
}
console.log("转置前:\n",str);
var res = []
for(var i=0;i<a[0].length;i++){
    res[i] = []
    for(var j=0;j<a.length;j++){
        res[i][j] = a[j][i];
    }
}
console.log("转置后:",res);

在这里插入图片描述

(2)定义一个二维数组,输出这个数组的每行元素的最大值


var str = ''
for(var i=0;i<a.length;i++){ //外循环:a.length表示二维数组的行数
    for(var j=0;j<a[i].length;j++){ //内循环:a[i].length表示i行的元素个数(列数)
        str += a[i][j]+'\t'
    }
    str += '\n'; //在每行的末尾添加换行符
}
console.log(str);
for(var i=0;i<a.length;i++){
    var max = a[i][0]
    for(var j=1;j<a[i].length;j++){
        if(max<a[i][j]){
            max = a[i][j];
        }
    }
    console.log("第"+(i+1)+"行的最大值是:"+max)
}

在这里插入图片描述

总结

本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注编程网的更多内容!

--结束END--

本文标题: 浅谈JavaScript数组简介

本文链接: https://www.lsjlt.com/news/156894.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 浅谈JavaScript数组简介
    目录数组简介数组字面量二维数组总结数组简介 数组(Array) - 数组也是一个对象 它和我们普通对象功能类似,也是用来储存一些值的 不同的是普通对象是使用字符串作为属性值的,而...
    99+
    2022-11-12
  • 浅谈C#数组(一)
    目录一.简单数组之一维数组   1.数组的声明   2.数组的初始化3.访问数组元素4.数组中使用引用类型二.多维数组三.锯齿数组四.Array类1.创建数组2.复制数组3.排序五....
    99+
    2022-11-12
  • 浅谈C#数组(二)
    目录一.枚举集合 1.IEnumerator接口 2.foreach语句 3.yield语句 二.元组(Tuple) 三.结构比较 可以先了解上一篇文章内容C#数组(一) 一.枚举集...
    99+
    2022-11-12
  • 【①MySQL】浅谈数据库系统:MySQL的简介与安装配置
    前言 欢迎来到小K的MySQL专栏,本节将为大家带来MySQL的简介与安装配置的详细讲解~ 目录 前言一、数据库系统概述数据(Data)数据库(Database)数据库管理系统(Data...
    99+
    2023-09-17
    数据库 mysql java
  • 简单谈谈JavaScript寄生式组合继承
    组合继承 组合继承也被称为伪经典继承,它综合了我们昨天说的原型链和盗用构造函数,将俩者的有点结合在了一起。它的基本思想是使用原型链继承原型上的属性和方法,通过盗用构造函数继承实例属...
    99+
    2022-11-12
  • JavaScript中数组扁平化的简介
    小编给大家分享一下JavaScript中数组扁平化的简介,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Java的特点有哪些Java的特点有哪些1.Java语言作为...
    99+
    2023-06-08
  • 浅谈shell数组的定义及循环
    shell中数组的定义及遍历,先直接看示例: #!/bin/sh #定义方法一 数组定义为空格分割 arrayWen=(a b c d e f) #定义方法二 arrayXue[0]="m" arrayXue[1]=...
    99+
    2022-06-04
    shell 定义 循环
  • 浅谈Go数组比切片好在哪
    目录数组是什么切片是什么数组的优势可比较编译安全长度是类型规划内存布局访问速度总结参考前段时间有播放一条快讯,就是 Go1.17 会正式支持切片(Slice)转换到数据(Array)...
    99+
    2022-11-12
  • javaScript深拷贝和浅拷贝的简单介绍
    目录基本数据类型在数据结构当中引用数据类型浅拷贝-深拷贝浅拷贝浅拷贝小结深拷贝结尾源码地址在了解深拷贝和浅拷贝之前,我们先梳理一下: JavaScript中,分为基本数据类型(原始值...
    99+
    2022-11-13
  • 浅谈Python numpy创建空数组的问题
    目录一、问题描述:二、具体的实现:三、完整代码:一、问题描述: 有一个shape为(308, 2)的二维数组,以及单独的一个数字,需要保存到csv文件中,这个单独的数字让其保存到第3列第一行的位置。 二、具体的实现...
    99+
    2022-06-02
    numpy创建空数组 python numpy
  • 浅谈shell 遍历数组的几种方法
    背景 某天遇到一个问题,现象如下:第一种遍历正常打印元素,然而第二种遍历只会打印一个元素! #!/bin/bash # $1 代表文件目录 # 执行 eg: # sh your_shell.sh /user/li...
    99+
    2022-06-04
    shell 遍历数组
  • JavaScript组合模式的简单介绍
    这篇文章主要介绍“JavaScript组合模式的简单介绍”,在日常操作中,相信很多人在JavaScript组合模式的简单介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2022-10-19
  • 详解JavaScript的函数简介
    目录函数简介函数function创建函数构造函数创建函数函数声明创建函数函数表达式创建函数函数的参数形参(形式参数):实参(实际参数):函数的调用通过对象调用new调用函数的返回值立...
    99+
    2022-11-12
  • 浅谈Java当作数组的几个应用场景
    目录前言1.保存数据2.. 参数传基本数据类型3.. 参数传数组类型(引用数据类型)4. 作为函数的返回值总结前言 对于数组,在C语言中就有过学习,但是,并没有怎么进行总结过,所以,...
    99+
    2022-11-13
    数组的应用场景 Java数组的用法 java数组的应用
  • PostgreSQL中的数组简单介绍
    本篇内容介绍了“PostgreSQL中的数组简单介绍”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!假设你在...
    99+
    2022-10-18
  • 浅谈Java数据结构之稀疏数组知识总结
    稀疏数组 当一个数组中的元素大多为0或者相同元素的时候,可以用稀疏数组来压缩 稀疏数组只记录 行row 列col 值value 将下列的二维数组转为稀疏数组,如下...
    99+
    2022-11-12
  • 浅谈java面向对象的数组化信息处理
    虽然非常简单的东西,但对于一些自学的新手和前期理解的不够深的萌新来说,应该会有很大的帮助,有助于理解。初学面向对象的时候,我想许多同学对此很纳闷。简单的问题复杂化,多此一举诸之云云。那么往下看:package cn.bdqn.test3;i...
    99+
    2023-05-31
    java 面向对象 数组
  • JavaScript数组去重的几种方法详谈
    目录一、Set去重二、双重for循环去重三、利用indexOf去重四、利用icludes去重五、filter六、Map总结一、Set去重 function funSet(arr...
    99+
    2022-11-12
  • 浅谈JS数组内置遍历方法有哪些和区别
    目录forEach()(ES6)方法map()(ES6) 方法flatMap()方法for...in...for...of...filter(ES6)遍历数组every()函数(ES...
    99+
    2022-11-12
  • 浅谈C语言数组元素下标为何从0开始
        很多同学可能在学习数组时会有这个疑问,下标为什么不从1开始呢?从1开始不是更符合大家的日常习惯吗?生活中我们通常说第1个,而不是第0个。的确,有些计算机语...
    99+
    2022-11-12
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作