JavaScript基本数组操作

news2024/11/20 20:44:33

在JavaScript中,内置了很多函数让我们可以去对数组进行操作,本文我们就来学习这些函数吧

添加元素

push

● push可以让我们在数组后面再添加一个数据,例如

const friends = ["张三", "李四", "王五"];
friends.push("IT知识一享");
console.log(friends);

在这里插入图片描述

● 我们也可以将新的新加的数据存入一个变量中,然后去得到它新的长度

const friends = ["张三", "李四", "王五"];
const newLenth = friends.push("IT知识一享");
console.log(friends);
console.log(newLenth);

在这里插入图片描述

unshift

除此在后面添加数据,我们也可以用这个函数来在数组前面添加函数;

const friends = ["张三", "李四", "王五"];
const newLenth = friends.push("IT知识一享");
console.log(friends);
console.log(newLenth);

friends.unshift("牛二");
console.log(friends);

在这里插入图片描述

删除元素

pop和shift

它可以让我们删除最后一个数据;shift可以让我们删除数组第一个数据

const friends = ["张三", "李四", "王五"];
const newLenth = friends.push("IT知识一享");
console.log(friends);
console.log(newLenth);

friends.unshift("牛二");
console.log(friends);

friends.pop();
const popped = friends.pop();
console.log(popped);
console.log(friends);

friends.shift();
console.log(friends);

在这里插入图片描述

寻找数据

● indexOf
我们可以使用indexOf去找到数据某一个数据的下标

console.log(friends.indexOf("张三"));
console.log(friends.indexOf("IT知识一享"));

在这里插入图片描述

如图,如果存在数组中的数据就返回对应的下标,如果不存在就返回-1;

● includes
除此之外,也可以简单的使用这个函数也判断存不存在,如果存在返回true,如果不存在返回false;

console.log(friends.includes("张三"));
console.log(friends.includes("IT知识一享"));

在这里插入图片描述

但是注意,includes实际上是严格等于,举例

friends.push(23);
console.log(friends.includes("张三"));
console.log(friends.includes("IT知识一享"));
console.log(friends.includes("23"));

在这里插入图片描述

所以有了这个,其实在以后的程序中,我们就可以结合IF条件去写了

if(friends.includes("张三")) {
  console.log("你有个好朋友叫张三");
}

在这里插入图片描述

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

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

相关文章

winform嵌入浏览器 webView2

1、项目引用nuget 2、winform窗体中初始化 var webView new WebView2();webView.Source new Uri(url);webView.Dock DockStyle.Fill;//接收js调用c#函数的消息webView.WebMessageReceived CoreWebView2_WebMessageReceivedAsync; this.panel1.Controls.Add(…

机器学习笔记之最优化理论与方法(三)凸集的简单认识(下)

机器学习笔记之最优化理论与方法——凸集的简单认识[下] 引言回顾:基本定义——凸集关于保持集合凸性的运算仿射变换 凸集基本性质:投影定理点与凸集的分离支撑超平面定理 引言 继续凸集的简单认识(上)进行介绍,本节将介绍凸集的基本性质以及…

开开心心带你学习MySQL数据库

关于 MySQL 数据库~~ 数据库和数据结构的关系 数据结构,是一个学科,研究数据如何组织, 对于少量的数据,不需要组织…如果是大量的数据,就得好好组织起来,以便于后续进行增删查改!!!~~ 数据库,是一类软件,这个软件就是用来组织/保存/管理数据的. 组织这些数据也是为了后续进…

RHCE——十三、Shell自动化运维编程基础

Shell 一、为什么学习和使用Shell编程二、Shell是什么1、shell起源2、查看当前系统支持的shell3、查看当前系统默认shell4、Shell 概念 三、Shell 程序设计语言1、Shell 也是一种脚本语言2、用途 四、如何学好shell1、熟练掌握shell编程基础知识2、建议 五、Shell脚本的基本元素…

【历史上的今天】8 月 9 日:人工智能理论的奠基者诞生;鸿蒙 OS 发布;“云计算”概念被提出

整理 | 王启隆 图源:维基百科 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。 今天是 2023 年 8 月 9 日,在 1859 年的今天,电梯获得了专利。 用于运输货物和建筑材料的起重系统的想法自埃及文明以来就已…

小兔鲜商03

进入可视区加载数据: 首页有很多模块,如果一次性加载所有数据,很卡,,当移动到要显示的地方,才加载数据 使用 vueuse 库中 useIntersectionObserver方法,, 传入要监听的元素 target …

UE5打完包后,启动程序不能全屏

最近看到ue5的打包程序后不能默认自动全屏,效果如下,发现并不是全屏的,而且就算点击放大也不是全屏 解决办法:设置如下之后在打包就可以了 但是会一直打印错误的日志,不过这个不影响使用

【LeetCode算法系列题解】第1~5题

CONTENTS LeetCode 1. 两数之和(简单)LeetCode 2. 两数相加(中等)LeetCode 3. 无重复字符的最长子串(中等)LeetCode 4. 寻找两个正序数组的中位数(困难)LeetCode 5. 最长回文子串&am…

文献综述|针对图像描述模型的对抗样本攻击

前言:图像描述对抗攻击旨在通过攻击正常的图像描述模型,为正常输入图像添加扰动得到对抗样本,使得正常模型输出目标句子或目标关键词,现将当前相关工作大致汇总如下。本综述初写于2022年8月29日。 部分相关工作介绍 Shekhar 等在…

【使用DataEase数据可视化分析工具访问cpolar】

DataEase 是开源的数据可视化分析工具,帮助用户快速分析数据并洞察业务趋势,从而实现业务的改进与优化。是开源的数据可视化分析工具,帮助用户快速分析数据并洞察业务趋势,从而实现业务的改进与优化。 在本地搭建后,借助cpolar 内…

阿里云国际站不想自己充值怎么办?-unirech阿里云国际站代充

在阿里云国际版官网注册是需要绑定paypal或者visa卡才可以完成注册,但是很多网友表示没有这些,阿里云国际站不想自己充值怎么办?其实通过分销商Unirech来注册的话就完全不用担心这个问题了,因为可以直接省略这一步,阿里…

【Java从入门到大牛】IO流下篇

🔥 本文由 程序喵正在路上 原创,CSDN首发! 💖 系列专栏:Java从入门到大牛 🌠 首发时间:2023年8月31日 🦋 欢迎关注🖱点赞👍收藏🌟留言&#x1f43…

RT-Thread自动初始化机制

自动初始化机制是指初始化函数不需要被显示调用,只需要在函数定义处通过宏定义的方式进行申明,就会在系统启动过程中被执行。 int rt_hw_usart_init(void) {rt_hw_serial_register(&serial1, "uart1",RT_DEVICE_FLAG_RDWR | RT_DEVICE_FL…

Web服务器简介及HTTP协议

一、HTPP请求/响应报文格式 1.客户端连接到Web服务器 一个HTTP客户端,通常是浏览器,与Web服务器的HTTP端口(默认为80)建立一个TCP套接字连接。例如,http://www.baidu.com(URL) 2.发送HTTP请求 通过TCP套接字&#xff…

C++哈希(散列)与unordered关联式容器封装(Map、Set)

一、unordered系列关联式容器 在C98中,STL提供了以红黑树为底层数据结构的关联式容器(map、set等),查询时的效率可以达到,最差情况下需要比较红黑树的高度次。因此在C11中,STL提供了四个unordered系列关联式容器&…

centos7 docker安装记录

以下所有命令都在root用户下进行,若为普通用户,需要在所有命令前加上 sudo。 1、更新yum包 将yum包更新到最新 yum update2、安装需要的软件包 yum-util 提供yum-config-manager功能,另外两个是devicemapper驱动依赖的; yum …

中国移动加大布局长三角,打造算力产业新高地

8月27日,以“数实融合算启未来”为主题的2023长三角算力发展大会在苏州举办,大会启动了长三角算力调度枢纽,携手各界推动算力产业高质量发展。 会上,移动云作为第一批算力资源提供方,与苏州市公共算力服务平台签订算力…

机器人编程怎么入门?

机器人已经在我们中间存在了二三十年。如今,机器人在我们的文化中比以往任何时候都更加根深蒂固。大多数机器人机器用于各种装配线,或在世界各地的矿山或工业设施中执行密集的物理操作。 还有一些家用机器人,工程师正在对机器人进行编程&…

debug调试时,通过[[FunctionLocation]]找到函数在源代码中的位置

[[FunctionLocation]] 是 JavaScript 引擎内部的一个属性,用于记录函数在代码中的位置。它不是 JavaScript 语法的一部分,而是在调试和开发过程中用于追踪函数定义位置的一个辅助属性。 当我们在浏览器的开发者工具或其他调试工具中查看函数的属性时&am…

【C++】Visual Studio EditorConfig 格式设置

【C】Visual Studio EditorConfig 格式设置 文章目录 【C】Visual Studio EditorConfig 格式设置I - EditorConfig1.1 - 通用设置indent_styleindent_sizetab_widthend_of_linecharsettrim_trailing_whitespaceinsert_final_newline II - Visual Studio 特定键值缩进设置cpp_in…