返回顶部
首页 > 资讯 > 前端开发 > 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://lsjlt.com/news/156894.html(转载时请注明来源链接)

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

猜你喜欢
  • 浅谈JavaScript数组简介
    目录数组简介数组字面量二维数组总结数组简介 数组(Array) - 数组也是一个对象 它和我们普通对象功能类似,也是用来储存一些值的 不同的是普通对象是使用字符串作为属性值的,而...
    99+
    2024-04-02
  • 浅谈C#数组(一)
    目录一.简单数组之一维数组   1.数组的声明   2.数组的初始化3.访问数组元素4.数组中使用引用类型二.多维数组三.锯齿数组四.Array类1.创建数组2.复制数组3.排序五....
    99+
    2024-04-02
  • 浅谈C#数组(二)
    目录一.枚举集合 1.IEnumerator接口 2.foreach语句 3.yield语句 二.元组(Tuple) 三.结构比较 可以先了解上一篇文章内容C#数组(一) 一.枚举集...
    99+
    2024-04-02
  • 简单谈谈JavaScript寄生式组合继承
    组合继承 组合继承也被称为伪经典继承,它综合了我们昨天说的原型链和盗用构造函数,将俩者的有点结合在了一起。它的基本思想是使用原型链继承原型上的属性和方法,通过盗用构造函数继承实例属...
    99+
    2024-04-02
  • JavaScript中数组扁平化的简介
    小编给大家分享一下JavaScript中数组扁平化的简介,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!Java的特点有哪些Java的特点有哪些1.Java语言作为...
    99+
    2023-06-08
  • 浅谈克隆 JavaScript
    目录1、浅克隆2、深克隆1、浅克隆 浅克隆无法copy数组和对象 var obj = { name : "abs", age : '18', sex :...
    99+
    2024-04-02
  • 【①MySQL】浅谈数据库系统:MySQL的简介与安装配置
    前言 欢迎来到小K的MySQL专栏,本节将为大家带来MySQL的简介与安装配置的详细讲解~ 目录 前言一、数据库系统概述数据(Data)数据库(Database)数据库管理系统(Data...
    99+
    2023-09-17
    数据库 mysql java
  • 浅谈JavaScript原型链
    目录instanceof 简介Function instanceof Function instanceof 运算符的定义JavaScript 原型继承机制原型与原型链原型继承Obj...
    99+
    2023-05-17
    JavaScript原型 原型链 JavaScript原型链 JavaScript原型
  • 浅谈 JavaScript 沙箱Sandbox
    前言: 说到沙箱,我们的脑海中可能会条件反射地联想到上面这个画面并瞬间变得兴致满满,不过很可惜本文并不涉及“我的世界”(老封面党了),下文将逐步介绍“浏览器世界”的沙箱。 1、什么是...
    99+
    2024-04-02
  • 浅谈JavaScript作用域
    目录一、作用域1、全局作用域2、局部作用域二、变量的作用域1、全局变量2、局部变量3、全局变量和局部变量的区别三、作用域链一、作用域 通常来说,一段程序代码中所用到的名字并不总是有效...
    99+
    2024-04-02
  • 浅谈JavaScript浅拷贝和深拷贝
    目录一、直接赋值二、浅拷贝三、深拷贝1. JSON对象的方式2. 递归复制网上关于这个话题,讨论有很多了,根据各路情况我自己整理了一下,最后还是能接近完美的实现深拷贝,欢迎大家讨论。...
    99+
    2024-04-02
  • JavaScript 简介
    JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言,它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序...
    99+
    2023-06-03
  • 简单谈谈JavaScript变量提升
    目录前言1. 什么变量提升? 2. 为什么会有变量提升? (1)提高性能(2)容错性更好3. 变量提升导致的问题 (1)变量被覆盖(2)变量没有被销毁4. 禁用变量提升 5. JS如...
    99+
    2024-04-02
  • 浅谈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+
    2024-04-02
  • javaScript深拷贝和浅拷贝的简单介绍
    目录基本数据类型在数据结构当中引用数据类型浅拷贝-深拷贝浅拷贝浅拷贝小结深拷贝结尾源码地址在了解深拷贝和浅拷贝之前,我们先梳理一下: JavaScript中,分为基本数据类型(原始值...
    99+
    2024-04-02
  • JavaScript组合模式的简单介绍
    这篇文章主要介绍“JavaScript组合模式的简单介绍”,在日常操作中,相信很多人在JavaScript组合模式的简单介绍问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Ja...
    99+
    2024-04-02
  • 浅谈JavaScript节流与防抖
    目录节流与防抖概念:区别节流实现节流函数防抖实现防抖函数防抖升级版总结 节流与防抖概念:区别节流实现节流函数防抖实现防抖函数防抖升级版总结 节流与防抖 背景:当我们频繁去请求资源、接...
    99+
    2024-04-02
  • 浅谈MySQL函数
    目录1、数学函数2、字符串函数3、日期函数4、加密函数 主要MySQL函数介绍又以下: 数学函数 字符串函数 时间函数 加密函数 ...
    99+
    2024-04-02
  • JavaScript的简介
    这篇文章主要讲解了“JavaScript的简介”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript的简介”吧!JavaScript是一种基于对...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作