位置: 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实现简单用户管理平台第一篇(后端接口设计)

  • 微信打电话老是黑屏是什么原因(微信打电话老是自动切换扬声器)

    微信打电话老是黑屏是什么原因(微信打电话老是自动切换扬声器)

  • 微信仅聊天是看不到朋友圈的吗(微信仅聊天是看不到吗)

    微信仅聊天是看不到朋友圈的吗(微信仅聊天是看不到吗)

  • 发朋友圈字打错了咋办(发朋友圈字打错了怎么办)

    发朋友圈字打错了咋办(发朋友圈字打错了怎么办)

  • 骁龙710和730差距大吗(骁龙730和骁龙710性能差距多少)

    骁龙710和730差距大吗(骁龙730和骁龙710性能差距多少)

  • 欧姆表测电阻原理(欧姆表测电阻原理ppt)

    欧姆表测电阻原理(欧姆表测电阻原理ppt)

  • QQ怎么往邮箱里发视频(qq怎么往邮箱里发照片)

    QQ怎么往邮箱里发视频(qq怎么往邮箱里发照片)

  • peripheral是什么接口(peripheral是什么接口C)

    peripheral是什么接口(peripheral是什么接口C)

  • opporeno手机发烫怎么回事(opporeno手机发热)

    opporeno手机发烫怎么回事(opporeno手机发热)

  • 苹果手机一台手机只能用一个ID吗(苹果手机一台手机最长可使用多少小时)

    苹果手机一台手机只能用一个ID吗(苹果手机一台手机最长可使用多少小时)

  • 抖音音浪是一个月的还是一天的(抖音音浪一个亿是多少人民币)

    抖音音浪是一个月的还是一天的(抖音音浪一个亿是多少人民币)

  • 小米快速同步模式是什么(小米同步怎么开)

    小米快速同步模式是什么(小米同步怎么开)

  • cat是指计算机的什么(cat计算机含义的什么?)

    cat是指计算机的什么(cat计算机含义的什么?)

  • 苹果手机为什么没有抖音极速版(苹果手机为什么wifi打不开)

    苹果手机为什么没有抖音极速版(苹果手机为什么wifi打不开)

  • 骑手已取餐可以取消订单吗(骑手取餐了还能退款吗)

    骑手已取餐可以取消订单吗(骑手取餐了还能退款吗)

  • 充电宝一闪一闪的怎么回事(充电宝一闪一闪的充不进去电)

    充电宝一闪一闪的怎么回事(充电宝一闪一闪的充不进去电)

  • 乐视手机锁屏出现新闻怎么取消(乐视手机屏幕中的小锁)

    乐视手机锁屏出现新闻怎么取消(乐视手机屏幕中的小锁)

  • 聒噪是什么意思(各种的声音中聒噪是什么意思)

    聒噪是什么意思(各种的声音中聒噪是什么意思)

  • 怎么删掉抖音作品(怎么删掉抖音作品结尾视频)

    怎么删掉抖音作品(怎么删掉抖音作品结尾视频)

  • ps4耳机插哪里(ps4耳机插哪里口)

    ps4耳机插哪里(ps4耳机插哪里口)

  • qq秀图功能在哪里(qq秀图教程)

    qq秀图功能在哪里(qq秀图教程)

  • 删除的软件在哪里找回(删除的软件在哪里可以找回来)

    删除的软件在哪里找回(删除的软件在哪里可以找回来)

  • 关机后还收得到微信吗(关机后还收得到短信吗)

    关机后还收得到微信吗(关机后还收得到短信吗)

  • 保存图片怎么找不到(保存图片怎么找到)

    保存图片怎么找不到(保存图片怎么找到)

  • 小米9有什么功能(小米9什么功能要关)

    小米9有什么功能(小米9什么功能要关)

  • 计提增值税比实际缴纳多
  • 应纳税额减征额包括哪些内容
  • 哪些资产损失应向税务机关申报扣除?
  • 取得虚开普票怎样补增值税
  • 利润总额×12%
  • 出租车发票可以重新开吗
  • u盘算固态吗
  • 房产税直接减免政策
  • 共用的水电费支出怎么算
  • 法定预算调整的范围
  • 消费税申报流程税务实训平台
  • 企业对于无法收回的应收账款
  • 党组织专项经费项社区服务队项目简介
  • 商业汇票概念股票
  • 租入房产改建增值税谁交
  • 一般纳税人花椒税率
  • 临时工工资作为人员成本如何做账
  • 劳务派遣公司怎么赚钱
  • 怎么修改财务负责人信息
  • 企业增资还需要增资账户么
  • windows10office更新
  • 系统浏览器
  • 计算机怎么设置长亮
  • 一借多贷的会计分录怎么写
  • wmiprvse.exe是什么程序
  • 短期投资取得的收益
  • f12开发者工具调试打不开
  • php内核剖析
  • 预提费用新会计准则叫什么科目
  • mmdetection optimizer
  • 不锈餐具有几种材质
  • js点击图片跳转页面
  • 流动资产金额
  • 投资者投资企业项目的主要目的是
  • docker运行多个镜像
  • node教程
  • 面试宝典下载
  • laravel使用了哪些设计模式
  • create命令属于什么语句
  • 金蝶存货核算不能结账,能强制结账吗
  • 税前扣除 发票
  • 应付账款会计分录大全
  • 未认证的进项税发票入账
  • 电力安装有前途吗
  • 查看db2状态
  • 增值税纳税人放弃免税权的规定
  • 财务报表审计的定义
  • 没有发票可以先入费用科目吗
  • 房地产企业所得税预缴毛利率
  • 公司帮员工买的意外险钱是打到公司还是员工账号
  • 外贸企业退税怎么申报
  • 原材料报废卖掉会计分录
  • 冲减应收账款该怎么处理
  • 收到银行手续费发票怎么入账
  • 企业年金个税怎么计算
  • 生物资产转让增值税
  • 会计凭证是对外公布的资料吗
  • mysql5.7最新版
  • 在windows 7中任务栏儿
  • mac怎样修改用户名
  • 怎么备份和恢复goodnotes中的数据
  • 如何关闭win8自带杀毒
  • explorer.exe是什么指令
  • win8怎么添加wifi
  • win7系统桌面右键没有个性化
  • windows7如何启动任务管理器
  • win8.1怎么样
  • python socketio
  • python购物车100行代码
  • linux sed awk区别
  • python第九套答案
  • 获取标签的属性值的方式
  • android studio教程入门
  • 怎么设置python前面序号
  • jquery前端开发实战教程课后题答案
  • 用python编写的程序称为
  • 季度税额怎么算
  • 公司买社保公司倒闭了怎么办
  • 蚊香税率是多少
  • 重庆国税电子税务局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设