JavaScript入门--数组

JavaScript入门--数组

  • 前言
  • 数组的操作
    • 1、在数组的尾部添加元素
    • 2、删除数组尾部的元素,也就是最后一个元素
    • 3、删除头部第一个元素
    • 4、在数组的前面添加元素
  • 小案例
    • 5、数组的翻转
    • 6、数组的排序
    • 7、数组的合并
    • 8、数组的切片

前言

JS中的数组类似于python中的列表,创建数组的方式有两种,一种是直接声明定义:

var a = [55, 12, 'python', 'hello', '11']
console.log(a)

另外一种是创建对象的方法:

b = new Array(88, 'python', '你好')
console.log(b)

数组的操作

1、在数组的尾部添加元素

var a = [55, 12, 'python', 'hello', '11']
a.push('你好')
console.log(a)

结果是:[ 55, 12, ‘python’, ‘hello’, ‘11’, ‘你好’ ]。

2、删除数组尾部的元素,也就是最后一个元素

var a = [55, 12, 'python', 'hello', '11']
a.pop()
console.log(a)

结果是:[ 55, 12, ‘python’, ‘hello’ ]。

3、删除头部第一个元素

var a = [55, 12, 'python', 'hello', '11']
a.shift()
console.log(a)

结果是:[ 12, ‘python’, ‘hello’, ‘11’ ]。

4、在数组的前面添加元素

var a = [55, 12, 'python', 'hello', '11']
a.unshift('头部')
console.log(a)

结果是:[ ‘头部’, 55, 12, ‘python’, ‘hello’, ‘11’ ]。

小案例

以下代码会输出什么结果?

var commands = ['寻找接口', '发送请求', '解析数据', '存储数据']
while (commands.length){command = commands.shift()console.log(command)
}

上述代码会依次从数组commands中由前向后取数据,并打印出来,所以会输出下图所示结果:
在这里插入图片描述

5、数组的翻转

reverse()方法可以将数组翻转过来。

var a = [5, 10, 'd', 'c']
a.reverse()
console.log(a)

以上代码输出[ ‘c’, ‘d’, 10, 5 ]。

6、数组的排序

sort()方法可以按照字母的顺序升序排序。

var a = [5, 10, 8, 1, 100]
a.sort()
console.log(a)

上述代码的输出结果是:[ 1, 10, 100, 5, 8 ]。

7、数组的合并

var a1 = [1, 2, 3]
b1 = [4, 5, 6]
console.log(a1.concat(b1))

上述代码的输出结果是:[ 1, 2, 3, 4, 5, 6 ]。

8、数组的切片

a = [1, 2, 3, 4, 5, 6, 7, 8]
a1 = a.slice(2,4)
console.log(a1)

上述代码的输出结果是[ 3, 4 ]。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/820664.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

人工智能揭示矩阵乘法的新可能性

人工智能揭示矩阵乘法的新可能性 数学家酷爱漂亮的谜题。当你尝试找到最有效的方法时,即使像乘法矩阵(二维数字表)这样抽象的东西也会感觉像玩一场游戏。这有点像尝试用尽可能少的步骤解开魔方——具有挑战性,但也很诱人。除了魔方…

政安晨:【深度学习神经网络基础】(九)—— 在深度学习神经网络反向传播训练中理解梯度

目录 简述 理解梯度 什么是梯度 计算梯度 政安晨的个人主页:政安晨 欢迎 👍点赞✍评论⭐收藏 收录专栏: 政安晨的机器学习笔记 希望政安晨的博客能够对您有所裨益,如有不足之处,欢迎在评论区提出指正! 简述 在深度…

springboot源码解析(三):springboot内嵌tomcat

springboot源码解析(三):springboot内嵌tomcat ​ 在使用springboot搭建一个web应用程序的时候,我们发现不需要自己搭建一个tomcat服务器,只需要引入spring-boot-starter-web,在应用启动时会自动启动嵌入式的tomcat作为服务器,下…

SQL SERVER的安装

目录 1.百度SQL SERVER找到图下的所显示的,点击进去 2.找到图下红色框起来的,点击立即下载​ 3.下载好之后点开,选择下载介质 4.SQLSERVER下载成功之后选择打开文件夹​ 6.双击后缀名是.iso的镜像文件 7.双击setup.exe进行安装​ 8.安…

BTI性能开销权衡及优化措施

BTI分支目标识别精讲与实践系列 思考 1、什么是代码重用攻击?什么是ROP攻击?区别与联系? 2、什么是JOP攻击?间接分支跳转指令? 3、JOP攻击的缓解技术?控制流完整性保护? 4、BTI下的JOP如何…

vue:如何通过两个点的经纬度进行距离的计算(很简单)

首先假设从api获取到了自己的纬经度和别人的纬经度 首先有一个概念需要说一下 地球半径 由于地球不是一个完美的球体,所以并不能用一个特别准确的值来表示地球的实际半径,不过由于地球的形状很接近球体,用[6357km] 到 [6378km]的范围值可以…

使用ZLMediaKit搭建服务器实现推流拉流

源码:https://gitee.com/xia-chu/ZLMediaKit?utm_sourcealading&utm_campaignrepo 文档:https://docs.zlmediakit.com/zh/tutorial/ 检查gcc版本gcc -v检查cmake是否安装cmake --version安装gitsudo apt-get install git按照文档进行克隆 # 国内用…

学习使用php获取上周一、上周日、本周一、本周日,获取指定日期的上周一、上周日、本周一、本周日

学习使用php获取上周一、上周日、本周一、本周日,获取指定日期的上周一、上周日、本周一、本周日 上周一上周日本周一本周日指定日期的上周一指定日期的上周日指定日期的本周一指定日期的本周日 上周一 if (date(w) 1){ //当前周一时的处理$sMondayDay date(Y-m-…

免费HTTPS证书获取攻略

申请SSL证书可简化为以下三个步骤: 第一步:选择证书类型与提供商 - 确定网站需求,选择合适的SSL证书类型(如DV、OV、EV)。 - 选取信誉良好的证书颁发机构(CA)。 永久免费SSL证书_永久免费htt…

提升性能:QML Canvas 绘图优化技巧

减少绘制操作: 当我们有一个动态更新的图形,例如实时更新的数据可视化图表,可以通过设置一个定时器来控制更新频率,而不是每次数据更新都重新绘制整个图形。 使用硬件加速: 通过将Canvas的renderTarget属性设置为Canv…

腾讯云优惠券领取及使用教程详解

腾讯云作为国内领先的云服务提供商,以其稳定可靠、性能卓越的服务赢得了广大用户的青睐。为了回馈用户,腾讯云经常推出各种优惠活动,其中优惠券就是非常受欢迎的一种。本文将详细介绍腾讯云优惠券的领取和使用方法,帮助大家更好地…

多维 HighCharts

1&#xff1a;showHighChart.html <!DOCTYPE html> <html lang"zh-CN"><head><meta charset"UTF-8"><!-- js脚本都是官方的,后两个是highchart脚本 --><script type"text/javascript" src"jquery1.7.1.mi…

Linux用户及用户组管理命令

Linux操作系统是一种基于UNIX的多用户、多任务的操作系统。在Linux系统中&#xff0c;用户和用户组的管理是非常重要的&#xff0c;因为它关系到系统安全和多用户环境下的资源共享。本文将详细介绍Linux中用户和用户组管理的相关命令&#xff0c;帮助用户更好地理解和管理Linux…

MoonBit 2024 Qcon 北京精彩回顾速览

2024年4月11日至13日&#xff0c;QCon 全球软件开发大会暨智能软件开发生态展在北京国测国际会议会展中心举办。本次 QCon 大会汇集了100技术大咖&#xff0c;通过1场主论坛、近30分论坛以及5场高端闭门交流和多场闪电演讲等多样化的活动形式&#xff0c;促进了与会者的深入交流…

解决:IDEA编译报错,自动切换JDK编译版本

一、IDEA切换JDK版本 要想在IDEA中完成对JDK版本的切换有多个地方需要我们进行修改 File | Settings | Build, Execution, Deployment | Compiler | Java Compiler File->ProjectStruct->platform settings->SDKS File->ProjectStruct->projectSettings->…

Java类加载

class文件加载到内存&#xff0c;再到类卸载出内存会经历7个阶段&#xff1a;加载、验证、准备、解析、初始化、使用、和卸载。 类加载机制的基本特征&#xff1a; 双亲委派模型&#xff1a;找父类加载&#xff0c;父类加载不了再自己加载 可见性&#xff1a;子类可以访问父类…

JavaScript函数式编程

函数式编程 课程介绍 为什么要学习函数编程以及什么是函数式编程函数式编程的特性(纯函数、柯里化、函数组合等)函数式编程的应用场景函数式编程库Lodash 为什么要学习函数式编程 函数式编程是非常古老的一个概念&#xff0c;早于第一台计算机的诞生&#xff0c; 函数式编程…

500以内的不入耳运动耳机推荐,首推五大业内顶级优品

不入耳式运动耳机因其独特的佩戴方式和设计&#xff0c;能够在运动过程中保持对周围环境的警觉&#xff0c;避免因音乐沉浸而忽视潜在的安全隐患&#xff0c;同时它们还能有效减少对耳道的压迫&#xff0c;让运动更加舒适自在&#xff0c;接下来&#xff0c;就让我为大家推荐一…

python中的设计模式:单例模式

设计模式 设计模式的确切数量并没有一个统一的标准&#xff0c;因为不同的资料和文献可能会对设计模式的定义和分类有所不同。然而&#xff0c;最常见的设计模式集合是由Erich Gamma、Richard Helm、Ralph Johnson和John Vlissides这四位作者在他们的著作《设计模式&#xff1…

智能助手大比拼!5款热门思维导图软件细致评估!

思维导图是一种创造性的方法&#xff0c;集思广益&#xff0c;寻找不同想法之间的联系。如果你做得好&#xff0c;你可以为难题提出新的想法和解决方案&#xff0c;总结一篇文章或演示稿&#xff0c;让你的想法井然有序。在数字时代&#xff0c;纸质思维导图存在不能随意更改、…