JavaScript基本数组操作

这篇具有很好参考价值的文章主要介绍了JavaScript基本数组操作。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

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

添加元素

push

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

unshift

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

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

删除元素

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);

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

寻找数据

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

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

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言

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

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

JavaScript基本数组操作,JavaScript,javascript,前端,开发语言文章来源地址https://www.toymoban.com/news/detail-688125.html

到了这里,关于JavaScript基本数组操作的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 重生前端之我在javascript敲代码(03-数组)

    一. 数组(重点) 思考:如何保存一个班级的所有学生的姓名? 回答:一种方法利用前面学习过的知识,则每一条信息都需要一个变量去保存,缺点是这样做很麻烦,而且容易出错,又不合理;另一种方法就是利用数组。 概念:数组是存储一系列值的变量集合,可以存储多

    2024年04月11日
    浏览(46)
  • 大型医院云HIS系统:采用前后端分离架构,前端由Angular语言、JavaScript开发;后端使用Java语言开发 融合B/S版电子病历系统

    一套医院云his系统源码 采用前后端分离架构,前端由Angular语言、JavaScript开发;后端使用Java语言开发。融合B/S版电子病历系统,支持电子病历四级,HIS与电子病历系统均拥有自主知识产权。 文末卡片获取联系! 基于云计算技术的B/S架构的医院管理系统(简称云HIS),采用前后

    2024年02月03日
    浏览(48)
  • 20个常见的JavaScript数组操作

     前端面试题库 ( 面试必备)              推荐:★★★★★ 地址:前端面试题库 JavaScript中的 Array 对象与其他编程语言中的数组一样,是一组数据的集合。在JavaScript中,数组里面的数据可以是不同类型的,并具有用于执行数组常见操作的方法。 有三种不同的声明方式

    2024年02月10日
    浏览(23)
  • 【JavaScript】数组操作 遍历、修改、新增、删除等...

    目录 一、数组是什么? 二、数组操作 2.1、遍历 2.2、数组求最大值和最小值 2.3、修改 2.4、新增 追加到数组末尾 添加到数组开头 2.5、删除 数组是一种可以 按顺序保存 数据的数据类型。 追加到数组末尾 数组.push() 方法将一个或多个元素添加到数组的末尾,并返回该数组的新

    2024年02月21日
    浏览(46)
  • javaScript:数组方法(增删/提取类/截取/操作方法等)

    目录 一.数组的增删方法 1.push()数组末尾添加元素 解释 代码  运行截图   2.unshift()向数组的头部添加数组 解释 代码  运行截图   3.pop()数组的尾部删除一个元素 解释 代码  运行截图   4.shift()数组的头部删除一个元素 解释 代码  运行截图  5. splice()任意位置指定删除 解

    2024年02月12日
    浏览(28)
  • 〖大前端 - 基础入门三大核心之JS篇㉓〗- JavaScript 的「数组」

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月04日
    浏览(67)
  • 〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月07日
    浏览(55)
  • 【JavaScript】3.4 JavaScript在现代前端开发中的应用

    JavaScript 是现代前端开发的核心。无论是交互效果,还是复杂的前端应用,JavaScript 都发挥着关键作用。在本章节中,我们将探讨 JavaScript 在现代前端开发中的应用,包括如何使用 JavaScript 来处理用户交互、动态内容、前端路由、API 请求等。 JavaScript 是处理用户交互的主要工

    2024年02月04日
    浏览(57)
  • 前端开发——Javascript知识(介绍)

    目录 有关JavaScript的知识  JavaScript的优点   JavaScript的领域 JavaScript的组成 JavaScript的特点 第一个JavaScript程序 在 HTML 文档中嵌入 JavaScript 代码 在脚本文件中编写 JavaScript 代码 JavaScript内容  Html内容  JavaScript 代码执行顺序 JavaScript中的几个重要概念 标识符 保留字 区分

    2024年02月01日
    浏览(46)
  • 【JavaScript】探索ES6中的数组API:简洁高效的操作方式

    ES6 ( ECMAScript 2015 )是 JavaScript 语言的一个重要版本,为编写更加简洁、便捷和可读性更高的代码提供了很多新的特性和 API。想了解ES6所有新增API,可以跳转至我的另一篇博客:JS语法 ES6、ES7、ES8、ES9、ES10、ES11、ES12新特性 其中 数组相关的 API 也在 ES6 中得到了大大的增强,

    2024年02月09日
    浏览(46)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包