[学习阶段]js中常用的数组API

最新推荐文章于 2024-05-02 18:12:22 发布
VIP文章 最新推荐文章于 2024-05-02 18:12:22 发布
阅读量210 收藏
点赞数
分类专栏： 学习阶段 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chen_zhuo_you/article/details/120293438
版权

 array.find()遍历数组

find方法：返回数组第一个满足条件的元素

array.find ( function( item ,  index  ,  arr  ) {

})

find的使用场景：返回数组第一个大于60的值。返回数组第一个等于‘陈卓’的值

例如:取出 id 为 1 的对象

const books = [{
    "id": 1, //图书id
    "bookname": "西游记", //书名
    "author": "吴承恩", //作者
    "publisher": "北京出版社" //出版社
}, {
    "id": 2, //图书id
    "bookname": "红楼梦", //书名
    "author": "曹雪芹", //作者
    "publisher": "大清出版社" //出版社
}]
const ret = books.find(item => item.id === 1)//遍历books数组,获取第一个id等于1的值
console.log(ret);

const ret = books.find(item => item.id === 1)中

find方法中只能填写函数

最低0.47元/天 解锁文章
陈卓呦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码-js数组查找元素 find() 方法，只返回第一个匹配元素
07-15
js代码-js数组查找元素 find() 方法，只返回第一个匹配元素
js 二维数组查找 - 根据属性值查找对应的另一个属性值
qq_41756580的博客
09-04 5873
在我们使用js的时候是否会常常碰到这种问题： 我们想查找一个二维数组中id==1的name的值，js好像没有提供相应的函数，这个时候只能自己写一个工具函数了，下面是方法 var data = [ {id: 1,name: "张三", sex: "男"}, {id: 2,name: "李四", sex: "男"}, {id: 3,name: "王五", sex: "男"...
js 根据id 取出数组中对应的对象
小米粒的博客
08-26 1万+
1.如果就是一个指定的id进行搜索的话，可以用find 的方法 var id=1; var obj=this.studentL.find(function (obj) { return obj.studentId ==id;//取出this.studentL里的id为1的那条数据所有的信息 } console.log(obj); 2.如果id是一个数组，数组中有多个值，根...
js数组里面查找指定对象并返回
前端开发工程师博客
04-26 4898
在回调函数中，可以检查当前处理的元素是否符合特定条件，并在找到满足条件的元素时返回该元素。如果没有匹配的元素，则返回 undefined。find() 方法接受一个回调函数作为参数，该回调函数接受三个参数：当前正在处理的数组元素、该元素的索引和原始数组。要编写一个 JavaScript 函数来在数组中查找特定对象并返回它，可以使用。
数组中的每个对象中提取xxx_id属性，并返回一个新的数组。
m0_60459392的博客
08-14 476
使用JavaScript的map方法从数组中的每个对象中提取order_id属性，并返回一个新的数组。这是一种非常简洁和高效的方法来获取一个对象数组中的所有order_id。
kaindy7633#blog#在JavaScript中常用的数组操作1
07-25
Table of Contents generated with DocToc改变原始数据的操作方法不会修改原始数组的操作方法使用数组操作在前端工程师的日常工作
PHP中常用的数组操作方法笔记整理
12-18
概述 要访问一个变量的内容，可以直接使用其名称。如果该变量是一个数组，可以使用变量名称和...1.用array()函数声明数组， 2.直接为数组元素赋值。 <?php //array数组 $users = array('phone','computer','
JavaScript常用数组、字符串、Object方法
04-28
JavaScript中常用的数组方法如下： - push()：向数组末尾添加一个或多个元素，并返回新的长度。 - pop()：删除并返回数组的最后一个元素。 - unshift()：向数组开头添加一个或多个元素，并返回新的长度。 - ...
Java中常用类API.ppt
09-28
Java中常用类API.ppt
JavaScript数组方法 find() ，使用详细（js的 find() 方法）
weixin_65793170的博客
05-05 2万+
find() 方法是 JavaScript 中用于在数组中查找特定条件的第一个元素，如果找到一个元素使得回调函数返回true，则该元素作为结果返回；如果没有找到这样的元素，则返回undefined，该函数不会修改原始数组
js数组的常用api
weixin_43734732的博客
08-06 784
操作数组的方法 join() 将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符 var arr = ["a", "b", "c"]; console.log(arr.join()); // a, b, c console.log(arr.join("-")); // a-b-c push()和pop() push()：可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。 pop()：数组末尾移除最后一项，减少数组的 length 值
深入浅出 Javascript API（五）--Query & Find 查询<转>
weixin_30692143的博客
07-06 118
查询是webgis常用功能之一，基于地图的查询经历了多种形式的演变，现在用什么形式来展现查询已经没有固定模式，在适合webgis范围内，什么形式能够满足应用，就用什么形式的查询。举例描述一个最经典的场景，鼠标点击地图显示一个TIP小窗口，显示查询对象的简单信息，小窗口中提供一个"详细信息"链接，点击后弹出网页显示资料卡片。还有这样的形式，如拉框选择点要素，同时在地图下方的DIV显示出选择点...
每日一条js之数组操作find()查询
qq_40816649的博客
11-09 1209
今天在做项目的时候遇到了elementUI级联选择器选择地区的功能，地区的信息是百度复制过来的一段json数据 获取选中数据的时候只能获取到一个地区对应的value值，必须通过这个value值找到对应的label（的名字）。这次不再使用for循环改用较为简洁的find()函数直接return查询条件那条数据 change (a) { var that = this var obj...
JS中find方法
热门推荐
菜鸟搬砖记
09-20 9万+
用法 find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。 如果没有符合条件的元素返回 undefined find() 对于空数组，函数是不会执行的。 find() 并没有改变数组的原始值。 array.find(function(currentValue, index, arr),thisValue)，其中currentValue为当前项，index为当前索...
JavaScript 数组方法find()
weixin_46585382的博客
06-17 1万+
JavaScript 数组方法find()
js数组find方法详解
qrbd4558的博客
04-13 3万+
find方法 基础参数说明： arrary.find(function(item,index,arr),thisvalue); array:数组。 item:当前循环的项。 index:循环项的下标 。 arr：当前循环的数组。 thisvalue：如果传 的话，在callbck函数中this为该值，不穿的话this为undefined。** 方法特性： **会返回数组中符合条件的第一个值，在数组中找到的话则不会往下执行。 如果数组中没有符合条件的值则返回undefined ** 在find方法执
报表控件Stimulsoft在JavaScript报告工具中的事件：查看器事件（上）
励志做最业余的专业博主，控件产品可以私我~
04-28 864
在本文中，我们为JS报告工具中的查看器事件提供了全面的指南，包括它们的详细描述、参数列表等一系列详细内容。
bpmn-js推荐几款常用的插件
飞云先生
04-30 118
bpmn-js整体框架库的风格是以组件的方式进行实现的，这样的结构也更加便于我们更好的对其进行功能扩展，以及客制化功能实现。其实bpmn.io已经为我们实现了较多场景的组件的实现，了解对应组件的功能更能便于我们区分是否需要自己实现，降低重复造轮子的行为，提高开发效率，本篇文章主要是介绍常见的bpmn-js中使用的组件库。
基于React实现B站评论区
最新发布
stu_kk的博客
05-02 919
使用React构建了一个仿照B站基本的前端评论系统，实现了动态加载、排序、添加和删除评论的基本功能。通过React的状态管理和事件处理机制，实现了交互式的用户体验。但是在实际应用中，还需考虑与后端接口的交互、错误处理、分页加载、以及更复杂的用户交互逻辑。
js数组
05-24
JavaScript中的数组是一种特殊的对象，用于存储多个值。以下是一些常用的JavaScript数组操作： 1. 创建数组：可以使用字面量、构造函数、Array.from()等方式来创建数组。 ```javascript let arr1 = [1, 2, 3]; //使用字面量创建数组 let arr2 = new Array(1, 2, 3); //使用构造函数创建数组 let arr3 = Array.from('hello'); //将字符串转为数组 ``` 2. 访问数组元素：可以使用下标操作符[]来访问数组元素，下标从0开始。 ```javascript let arr = [1, 2, 3]; console.log(arr[0]); //1 console.log(arr[1]); //2 console.log(arr[2]); //3 ``` 3. 修改数组元素：可以直接使用下标操作符[]来修改数组元素。 ```javascript let arr = [1, 2, 3]; arr[1] = 4; console.log(arr); //[1, 4, 3] ``` 4. 数组长度：可以使用length属性获取数组的长度。 ```javascript let arr = [1, 2, 3]; console.log(arr.length); //3 ``` 5. 数组迭代：可以使用for循环、forEach()、map()等方法对数组进行迭代。 ```javascript let arr = [1, 2, 3]; for(let i=0; i<arr.length; i++){ console.log(arr[i]); } arr.forEach(function(item){ console.log(item); }); let newArr = arr.map(function(item){ return item * 2; }); console.log(newArr); //[2, 4, 6] ``` 6. 添加元素：可以使用push()、unshift()等方法在数组末尾或开头添加元素。 ```javascript let arr = [1, 2, 3]; arr.push(4); console.log(arr); //[1, 2, 3, 4] arr.unshift(0); console.log(arr); //[0, 1, 2, 3, 4] ``` 7. 删除元素：可以使用pop()、shift()等方法从数组末尾或开头删除元素。 ```javascript let arr = [1, 2, 3]; arr.pop(); console.log(arr); //[1, 2] arr.shift(); console.log(arr); //[2] ``` 8. 数组拼接：可以使用concat()方法将两个数组合并成一个数组。 ```javascript let arr1 = [1, 2]; let arr2 = [3, 4]; let arr3 = arr1.concat(arr2); console.log(arr3); //[1, 2, 3, 4] ``` 9. 数组截取：可以使用slice()方法截取数组的一部分。 ```javascript let arr = [1, 2, 3, 4, 5]; let newArr = arr.slice(2, 4); //[3, 4] ``` 10. 数组排序：可以使用sort()方法对数组进行排序。 ```javascript let arr = [5, 3, 2, 4, 1]; arr.sort(); console.log(arr); //[1, 2, 3, 4, 5] ``` 这些是JavaScript中常用的数组操作，还有很多其他的方法和属性可以使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值