当前位置: 首页 > news >正文

JavaScript基本数组操作

在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.lryc.cn/news/149047.html

相关文章:

  • C#---第21: partial修饰类的特性及应用
  • SQL 语句继续学习之记录三
  • Nexus仓库介绍以及maven deploy配置
  • A Survey on Knowledge-Enhanced Pre-trained Language Models
  • SQL求解用户连续登录天数
  • 掌握逻辑漏洞复现技术,保护您的数字环境
  • windows系统服务器在不解锁屏幕不输入密码的前提下,电脑通电开机启动程序。
  • spring cloud seata集成
  • HTTP 常⻅的状态码有哪些,以及适⽤场景
  • 后端给前端传参数忽略空属性
  • SPSS教程:如何绘制带误差的折线图
  • 积分商城小程序如何精细化运营
  • 企业网络日志管理:EventLog Analyzer的卓越之处
  • Python算法——滑动窗口问题
  • 使用 MATLAB 和 Simulink 对雷达系统进行建模和仿真
  • Linux 中的 sysctl 命令及示例
  • Mybatis批量更新数据及其优化
  • 包含文心一言在内的首批国产大模型 全面开放
  • Linux运维工程师面试题集锦
  • 深度学习——感受野以及与图像修复的问题
  • 微服务容错 Resilience4j 接口服务-容错原理
  • OceanBase 4.x改装:另一种全链路追踪的尝试
  • springCloudAlibaba详解
  • python通过docker打包执行
  • 实现公网远程访问:Windows本地快速搭建SFTP文件服务器并配置端口映射
  • 获取文件路径
  • 如何自己实现一个丝滑的流程图绘制工具(八) 创建节点的文本标签
  • Spring Boot多数据源配置运行报错:No operations allowed after connection closed连接异常的解决
  • 3、QT 的基础控件的使用
  • 爬虫逆向实战(二十六)--某某学堂登录