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,一经查实,立即删除!

相关文章

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

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

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

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

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]的范围值可以…

免费HTTPS证书获取攻略

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

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

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

多维 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->…

JavaScript函数式编程

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

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

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

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

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

arm64-v8a、armeabi-v7a、x86、x86_64

当我们去GitHub下载应用的时候是不是经常很懵逼&#xff0c;就像下图一样&#xff0c;粗看一下如此多安装包到底要选择下载哪个且每种安装包到底有哪差别&#xff1f;毕竟因为自己一无所知&#xff0c;有时便随意下载一个后&#xff0c;安装时却报『此版本与你的系统不兼容』的…

Python的pytest框架(1)--基本概念、入门

按基础到进阶的顺序&#xff0c;学习Python的pytest框架&#xff0c;本篇文章先讲一讲pytest的基本概念、入门使用规则。 目录 一、pytest基础知识 1、安装 2、pytest框架主要做了什么工作 二、pytest的规则约定、运行方式以及参数详解 1、编写测试用例 模块&#xff08…

Oracle 19c RAC 补丁升级 补丁回退

补丁升级流程 补丁升级 停止集群备份家目录 两节点分别操作 cd /u01/app/19.3.0/grid/bin/ crsctl stop crs tar -zcvf /u01/app.tar.gz /u01/app /u01/app/19.0.0/grid/bin/crsctl start crs 两节点OPatch替换 --- 表示 root 用户&#xff0c;$ 表示 Oracle 用户提示符&#…

负荷预测 | Matlab基于TCN-GRU-Attention单变量时间序列多步预测

目录 效果一览基本介绍程序设计参考资料 效果一览 基本介绍 1.Matlab基于TCN-GRU-Attention单变量时间序列多步预测&#xff1b; 2.单变量时间序列数据集&#xff0c;采用前12个时刻预测未来96个时刻的数据&#xff1b; 3.excel数据方便替换&#xff0c;运行环境matlab2023及以…

无人棋牌室软硬件方案

先决思考 软件这一套确实是做一套下来&#xff0c;可以无限复制卖出&#xff0c;这个雀氏是一本万利的买卖。 现在肯定是有成套的方案&#xff0c;值不值得重做&#xff1f;为什么要重做&#xff1f; 你想达到什么效果&#xff1f;还是需要细聊的。 做这个东西难度不高&…

DNF手游攻略:萌新入坑大全!

玩DNF手游国服已经正式定档&#xff0c;离上线已经越来越近了&#xff0c;很多小伙伴对于装备打造以及附魔还不是特别了解。如果你还不知道装备要怎么附魔&#xff0c;不要担心&#xff0c;本篇攻略将为你全面解析全职业过渡和毕业附魔推荐。 ​ 一、物理职业附魔推荐 1. 武器…