位置: IT常识 - 正文

〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」(大前端入门指南)

编辑:rootadmin
〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」 当前子专栏 基础入门三大核心篇 是免费开放阶段。推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V!说明:该文属于 大前端全栈架构白宝书专栏,目前阶段免费开放,购买任意白宝书体系化专栏可加入TFS-CLUB 私域社区。福利:除了通过订阅"白宝书系列专栏"加入社区获取所有付费专栏的内容之外,还可以通过加入星荐官共赢计划 加入私域社区。作者:不渴望力量的哈士奇(哈哥),十余年工作经验, 跨域学习者,从事过全栈研发、产品经理等工作,目前任某金融品类App负责人。荣誉:2022年度博客之星Top4、博客专家认证、全栈领域优质创作者、新星计划导师,“星荐官共赢计划” 发起人。现象级专栏《白宝书系列》作者,文章知识点浅显易懂且不失深度;TFS-CLUB社区创立者,旨在以“赋能 共赢”推动共建技术人成长共同体。🏆 白宝书系列 🏅 Python全栈白宝书🏅 产品思维训练白宝书🏅 全域运营实战白宝书🏅 大前端全栈架构白宝书文章目录🌟 数组简介🌟 数组的定义方法🌟 数组类型的检测🌟 数组的“项”和“下标”🌟 更改数组项🌟 数组的长度🌟 数组的遍历

推荐整理分享〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」(大前端入门指南),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:大前端技术架构,大前端要学什么,大前端需要掌握什么技能,大前端入门指南,大前端技术架构,大前端入门指南,大前端需要掌握什么技能,大前端技术,内容如对您有帮助,希望把文章链接给更多的朋友!

接下来阶段,我们将进入到 JavaScript 数组的相关知识学习阶段,该章节我们将要学习一下关于 “数组” 的一些基本知识点。

🌟 数组简介

数组(Array),是用来存储一组相关的值,从而方便进行求和、计算平均数、逐项遍历等操作

数组是编成语言中复杂数据类型的一种。每一种编成语言都会有“数组”,是一种非常重要的数据结构。

数组类型的变量在定义时通常以Arr结尾

下面举个例子来理解“数组”:

编程时,我们经常遇到的“一组数值”的情况,比如一个班10个学生的考试成绩。如果我们用简单数据类型去定义的话,需要定义20个不同的变量,不仅麻烦,而且如果要计算这20个变量的和或者平均分,还不能用for循环,因为for循环时没办法对“零散”的变量进行处理的。此时就要用到“数组”。

🌟 数组的定义方法

定义数组 —— 方法一:

直接用方括号[]来定义数组

括号中每一”项“用逗号隔开

数组的”长度“就是数组中”项“的个数。

定义数组 —— 方法二:

使用new关键字来调用内置构造函数Array()

定义数组 —— 方法三:

内置构造函数Array()中直接书写一个数字n,表示定义一个长度为n,项都是undefined的数组

如下就表示,定义了一个长度是4,项都是undefined的数组:

下面在控制面板中输出的数组变量:

〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」(大前端入门指南)

因为方法一相比来说比较简单,所以方法一也是最常用的。

🌟 数组类型的检测

用typeof检测数组的结果是object,没办法区分这个变量是数组还是对象

可以用Array.isArray()方法来检测数组

🌟 数组的“项”和“下标”

数组的每一项都有下标,从0开始

下标的作用:可以通过下标来访问数组中的每一项;

示例代码:

var arr = ['A', 'B', 'C', 'D'];//打印数组中下标为1的项:console.log(arr[1]); // B//打印数组中下标为3的项:console.log(arr[3]); // D

下标"越界"

下标”越界“,即访问的下标对应的项不存在则会返回undefined,不会报错

其他编成语言遇到”下标越界“的情况或多或少都会报错。

🌟 更改数组项

数组并不是只读的,我们可以修改它其中任何项的值

更改方法:直接利用下标访问到该项,然后更改赋值

如果更改的数学组项超过了length - 1,则会创造这项

示例代码:

var arr = [1, 5, 2, 6];//更改数组项arr[0] = 9; //将下标为0的项改为9arr[3]++; //将下标为3的项加1console.log(arr);arr[6] = 4; //更改的下标6超过了数组中的最大下标,会直接创造这项console.log(arr);🌟 数组的长度

数组的length属性表示长度

数组的最后一项的下标是数组的长度减1

示例代码:

var arr = ['A', 'B', 'C', 'D'];//打印数组的长度console.log(arr.length);//打印数组的最后一项console.log(arr[arr.length - 1]);

🌟 数组的遍历

数组的最大优点就是方便遍历

遍历数组,其实就是循环变量是数组的下标,有了下标就可以访问每项的值了

for循环中指定的结束范围应该是长度 - 1,即最后一个下标

下面我们用数组遍历的方式,将班级的考试成绩遍历出来,求和,求平均分。

代码如下:

var scoreArr = [99, 100, 98, 98, 86, 94, 89, 100, 99, 91];var sum = 0;var avg = 0;//遍历数组for (var i = 0; i < scoreArr.length; i++) { console.log("第" + (i + 1) + "位同学的分数:" + scoreArr[i]); sum += scoreArr[i];}console.log('分数总合为:' + sum);console.log('平均分为:' + (sum / 10));
本文链接地址:https://www.jiuchutong.com/zhishi/298760.html 转载请保留说明!

上一篇:Pytorch优化器全总结(一)SGD、ASGD、Rprop、Adagrad(pytorch sgd优化器)

下一篇:SpringBoot+Vue实现简单用户管理平台第一篇(后端接口设计)

  • 华为手机如何语音唤醒语音助手(华为手机如何语音转文字)

    华为手机如何语音唤醒语音助手(华为手机如何语音转文字)

  • 微信正在清理需要多久(微信提示正在清理)

    微信正在清理需要多久(微信提示正在清理)

  • 荣耀9和荣耀9x区别(荣耀9和荣耀9x手机哪个好)

    荣耀9和荣耀9x区别(荣耀9和荣耀9x手机哪个好)

  • iphonex拍照发黄解决方法(iphonex相机发黄)

    iphonex拍照发黄解决方法(iphonex相机发黄)

  • 淘宝退款关闭的意思(淘宝退款关闭的记录怎么删除)

    淘宝退款关闭的意思(淘宝退款关闭的记录怎么删除)

  • 电池有保质期吗(电动车电池有保质期吗)

    电池有保质期吗(电动车电池有保质期吗)

  • 苹果11不支持关机充电吗(苹果11不能关机吗?)

    苹果11不支持关机充电吗(苹果11不能关机吗?)

  • 微信里面我的企业怎么删除(微信里面我的企业怎么删除掉)

    微信里面我的企业怎么删除(微信里面我的企业怎么删除掉)

  • 微信为什么要上传身份证照片(微信为什么要上传照片)

    微信为什么要上传身份证照片(微信为什么要上传照片)

  • 淘宝极速退款条件申请(淘宝极速退款条件是用菜鸟裹裹才能退吗?)

    淘宝极速退款条件申请(淘宝极速退款条件是用菜鸟裹裹才能退吗?)

  • 网线四根和八根区别(网线四根和八根怎么接一起)

    网线四根和八根区别(网线四根和八根怎么接一起)

  • 分辨率跟显示器有关系吗(分辨率跟显示器关系大吗)

    分辨率跟显示器有关系吗(分辨率跟显示器关系大吗)

  • 6splus屏幕尺寸(6splus屏幕尺寸和6plus)

    6splus屏幕尺寸(6splus屏幕尺寸和6plus)

  • 飞行模式与关机的区别(飞行模式与关机别人打电话会怎么样)

    飞行模式与关机的区别(飞行模式与关机别人打电话会怎么样)

  • 2016001是小米几的(2016080是小米几)

    2016001是小米几的(2016080是小米几)

  • 联想笔记本开机键闪烁(联想笔记本开机u盘启动按什么键)

    联想笔记本开机键闪烁(联想笔记本开机u盘启动按什么键)

  • 兼容模式怎么设置(兼容模式怎么设置360安全浏览器)

    兼容模式怎么设置(兼容模式怎么设置360安全浏览器)

  • 华为智能手环怎么开机(华为智能手环怎么接电话)

    华为智能手环怎么开机(华为智能手环怎么接电话)

  • 酷狗30秒模式在哪里(酷狗30秒听歌从哪进入)

    酷狗30秒模式在哪里(酷狗30秒听歌从哪进入)

  • ai技术的现实应用(ai技术的现实应用有哪些)

    ai技术的现实应用(ai技术的现实应用有哪些)

  • 手机交易码和动态口令是什么(手机交易码和动态口令 只收到一个)

    手机交易码和动态口令是什么(手机交易码和动态口令 只收到一个)

  • 手机hd1怎么关闭(手机hd1怎么关闭oppo老没网络)

    手机hd1怎么关闭(手机hd1怎么关闭oppo老没网络)

  • win10系统下怎么安装Java JDK及配置环境变量

    win10系统下怎么安装Java JDK及配置环境变量

  • 如何更改文件的打开方式(如何更改文件的创建时间)

    如何更改文件的打开方式(如何更改文件的创建时间)

  • 纯前端文档预览,还要支持所有主流格式,有这一篇就足够了(前端文件预览)

    纯前端文档预览,还要支持所有主流格式,有这一篇就足够了(前端文件预览)

  • 出售写字楼需要什么手续
  • 北京外贸进出口公司
  • 残疾人保证金计算器
  • 网络贷款需要交钱吗
  • 在建工程和预付款项调整
  • 增值税专用发票抵扣期限
  • 开票信息中电话号码变更
  • 增值税专用发票可以开电子发票吗
  • 审计库存现金盘点方法
  • 股东经济性质怎么填
  • 企业筹办期间可以贷款吗
  • 现金流量表上的期末现金余额等于___
  • 企业预付一年的房租怎么做分录
  • 出售设备账务处理
  • 进口货物的关税完税价格不包括
  • 人力资源外包差额计税税率
  • 加油充值卡有优惠吗
  • 企业扣税账户没钱交税会怎么样?
  • 旧税号的发票专用章还能使用吗
  • 免抵税额为什么不能抵下期
  • 期末未分配利润大于期初未分配利润+期末净利润
  • 软件企业的税收优惠政策
  • 注册资本 变更
  • 企业的筹建期间
  • 现金存入银行是付款还是转账
  • 工资可以一次性计提全年的吗
  • 个体户没有对公账户可以转个人账户吗
  • 金银首饰的消费税在什么环节
  • 拦截恶意网址是什么意思
  • 国家统计局一套表平台网址
  • 银行多收的开户费怎么办
  • 基金的管理费用包括什么
  • 单位管理费用核算
  • 企业会计日记账保管期限为()年。A5B10C30D35
  • thinkphp框架入门
  • 政府会计制度固定资产折旧方法
  • 融资租赁利息资本化条件
  • 权益工具与金融负债的转换
  • promise thenable
  • 哈希表散列函数
  • 怎么样写合同书
  • 代开发票是否代征城建税和教育费附加?
  • C语言中次方怎么表示
  • 业务招待费的会计处理方法
  • sql server 链接
  • 社会保险差额缴纳
  • 小规模普票怎么开
  • 库存,收入,支出,进货
  • 原材料基本账务处理办法
  • 企业固定电话费收费标准
  • 因管理不善材料被盗应记啥科目
  • 网络平台服务商
  • 实收资本的账务处理会影响什么
  • 年度利润总额怎么填
  • linux安装和配置
  • 除MSSQL数据库text字段中恶意脚本的删方法
  • WIN10系统怎么删除3Dmax
  • macbook像素能不能提高
  • 注册表里的默认可以删吗
  • ubuntu 04 10
  • win8.1开机音乐
  • hosts文件win10
  • jquery怎么写
  • cocos2d schedule
  • python def用法理解
  • python利用csv模块在对csv文件进行操作
  • bat 远程连接
  • Javascript Math ceil()、floor()、round()三个函数的区别
  • unity备份工程
  • jquery对动态生成的进行操作
  • 电子税务局登陆密码在哪里修改
  • 陕西电子税务局官网登录入口网址
  • 领导班子和领导干部年度考核
  • 纳税人防伪税控设备未抄报怎么操作
  • 酒精是否缴纳消费税
  • 长春市税务局电话号
  • 国航的电子票号是什么
  • 公司可以报停吗
  • 机关工勤人员2022工资套改表
  • 上海地税定额发票在哪开
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设