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.hqwc.cn/news/623258.html

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

相关文章

【C++算法模板】数论:欧拉筛,线性查找质数的算法

文章目录 1&#xff09;传统找质数的方法&#xff08;优化筛选次数&#xff09;2&#xff09;欧拉筛 1&#xff09;传统找质数的方法&#xff08;优化筛选次数&#xff09; bool isPrime(int num) {for(int i2;i<sqrt(num)) {if(num%i0)return false;}return true; }如果要…

【数据结构与算法】递推

来源&#xff1a;《信息学奥赛一本通》 所谓递推&#xff0c;是指从已知的初始条件出发&#xff0c;依据某种递推关系&#xff0c;逐次推出所要求的各中间结果及最后结果。其中初始条件或是问题本身已经给定&#xff0c;或是通过对问题的分析与化简后确定。 从已知条件出发逐…

Vue3——html-doc-js(html导出为word的js库)

一、下载 官方地址 html-doc-js - npm npm install html-doc-js 二、使用方法 // 使用页面中引入 import exportWord from html-doc-js// 配置项以及实现下载方法 const wrap document.getElementById(test)const config {document:document, //默认当前文档的document…

git报错

这里写自定义目录标题 git报错Permission denied (publickey). fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists. 有一个原因就是在github上设置对应密钥时&#xff0c;有一个key获取应该设置为…

protobuf 编码原理

简介 Protocol Buffers&#xff08;protobuf&#xff09;&#xff0c;它是 Google 开发的一种数据序列化协议&#xff08;与 XML、JSON 类似&#xff09;。 优点&#xff1a; 效率高&#xff1a;Protobuf 以二进制格式存储数据&#xff0c;比如 XML 和 JSON 等文本格式更紧凑…

【算法】删除链表中重复元素

本题来源---《删除链表中重复元素》。 题目描述 给定一个已排序的链表的头 head &#xff0c; 删除所有重复的元素&#xff0c;使每个元素只出现一次 。返回已排序的链表 。 示例 1&#xff1a; 输入&#xff1a;head [1,1,2] 输出&#xff1a;[1,2]示例 2&#xff1a; 输入…

STL —— stack、queue

博主首页&#xff1a; 有趣的中国人 专栏首页&#xff1a; C专栏 目录 1. 容器适配器 2. 栈的模拟实现 3. 队列的模拟实现 4. 双端队列deque 4.1 deque的原理介绍 4.2 deque的缺陷 4.3 为什么选择deque作为stack和queue的底层默认容器 本篇文章主要讲解 stack 和 queue …

SSH安全设置

今天发现自己的公有云服务器被攻击了 然后查看了登录日志&#xff0c;如上图 ls -sh /var/log/secure vim /var/log/secure然后增加了安全相关的设置 具体可以从以下方面增加安全性&#xff1a; 修改默认SSH端口公有云修改安全组策略及防火墙端口设置登录失败次数锁定用户及限…

✯✯✯宁波 IATF16949 认证:助力汽车企业迈向卓越✯✯✯

&#x1f308;&#x1f308;&#x1f308;宁波IATF16949认证&#xff1a;&#x1f49d;助力汽车企业迈向卓越&#x1f497; &#x1f575;️‍♂️宁波&#xff0c;这座繁华的&#x1f98a;港口城市&#xff0c;不仅以其&#x1f42f;独特的地理位置和丰富的&#x1f54a;️历史…

Unity开发HoloLens2应用时,用VisualStudio进行真机在线Debug调试

一、需求 用Unity开发的应用&#xff0c;部署到真机设备出现启动崩溃&#xff0c;此时可以用在线调试&#xff0c;排查错误。 二、开发环境说明 MRholoLens2 Unity 2021.3.18 Win Win10 VS vs2022 三、调试操作步骤 1、HoloLens2与电脑的连接&#xff0c;Wifi连接&…

【C++从练气到飞升】07---内存管理

&#x1f388;个人主页&#xff1a;库库的里昂 ✨收录专栏&#xff1a;C从练气到飞升 &#x1f389;鸟欲高飞先振翅&#xff0c;人求上进先读书。 目录 一、 C/C内存分布 二、 C语言中动态内存管理方式 三、 C中动态内存管理 1. new/delete操作内置类型 2. new和delete操作…

Mac用户必备神器:Default Folder X,让文件操作更快捷、更智能!

Default Folder X for Mac是一款功能强大的文件管理辅助工具&#xff0c;它为Mac用户带来了前所未有的文件操作体验。&#x1f31f; 无论是日常办公、学习还是娱乐&#xff0c;Default Folder X都能帮助你更高效地管理文件&#xff0c;让你的工作更加得心应手。&#x1f4bc; …