网站首页 > 技术文章 正文
目录:
1.数组方法【二】
一、数组方法
- indexOf()和 lastIndexOf() (ES5新增)
- forEach() (ES5新增)
- map() (ES5新增)
- filter() (ES5新增)
- every() (ES5新增)
- some() (ES5新增)
1、indexOf
Array.prototype.indexOf(searchElement[, fromIndex = 0]) 返回在数组中找到给定元素的第一个索引,如果不存在,则返回-1。
searchElement 需要查找的元素。
fromIndex 开始查找的位置。
// 创建数组 var arr = ['妲己', '小狐狸', 16, 'girl', '古筝','妲己', '小狐狸', 16, 'girl', '古筝'] // 获取数组的下标 var index = arr.indexOf('小狐狸') console.log(index) // 结果为: 1 console.log(arr.indexOf('小狐狸', 4)) // 结果为:6
2、lastIndexOf
Array.prototype.lastIndexOf(searchElement[, fromIndex = arr.length - 1]) 获取指定元素在数组中的最后一个的索引,如果不存在则返回 -1。从数组的后面向前查找。
searchElement 需要查找的元素。
formIndex 从此位置开始逆向查找。默认为数组的长度减 1。
var arr = ['妲己', '小狐狸', 16, 'girl', '古筝','妲己', '小狐狸', 16, 'girl', '古筝'] var index = arr.lastIndexOf('girl') console.log(index) // 结果为:8 console.log(arr.lastIndexOf('girl', 7)) // 结果为:3
3、forEach
Array.prototype.forEach(callback[, thisArg]) 调用数组的每个元素,并将元素传递给回调函数(callback)。
callback 为数组中每个元素执行的函数,该函数接收三个参数:
currentValue 正在处理的当前元素(第一个参数)
index 正在处理的当前元素的索引(第二个参数)
array 正在操作的数组(第三个参数)
thisArg 当执行回调函数时用作 this 的值
返回值:undefined
var arr = ['妲己', '小狐狸', 16, 'girl', '古筝'] arr.forEach(function (item, index, arr) { console.log('索引为:'+index+',元素为:'+item, arr) }) ------执行结果------- 索引为:0,元素为:妲己 ["妲己", "小狐狸", 16, "girl", "古筝"] 索引为:1,元素为:小狐狸 ["妲己", "小狐狸", 16, "girl", "古筝"] 索引为:2,元素为:16 ["妲己", "小狐狸", 16, "girl", "古筝"] 索引为:3,元素为:girl ["妲己", "小狐狸", 16, "girl", "古筝"] 索引为:4,元素为:古筝 ["妲己", "小狐狸", 16, "girl", "古筝"]
4、map
Array.prototype.map(callback[, thisArg]) 遍历数组中的元素,通过回调函数加工;加工后返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
参数同 Array.prototype.forEach()
var arr = ['妲己', '小狐狸', 16, 'girl', '古筝'] // 接收加工后的新数组 var newArr = arr.map(function (item, index, arr) { return item + index }) console.log(newArr) ------------------------------执行结果------------------------------ ["妲己0", "小狐狸1", 18, "girl3", "古筝4"]
5、filter
Array.prototype.filter(callback(element[, index[, array]])[, thisArg]) 返回一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素。
参数同上
var arr = [12,54,5,3,165,46,5,48,56,4,7,5,79,4,5,94,65,87] // 使用变量 newArr 保存返回的数组 var newArr = arr.filter(function (item, index) { return item>20 }) console.log(newArr) ------------------------------执行结果------------------------------ [54, 165, 46, 48, 56, 79, 94, 65, 87]
6、every
该方法对数组中的每一项运行给定函数,如果该函数对每一项都返回 true,则返回true。
var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.every( function( item, index, array ){ console.log( 'item=' + item + ',index='+index+',array='+array ); return item > 3; }));
7、some
该方法对数组中的每一项运行给定函数,如果该函数对任何一项返回 true,则返回true。
var arr = [ 1, 2, 3, 4, 5, 6 ]; console.log( arr.some( function( item, index, array ){ console.log( 'item=' + item + ',index='+index+',array='+array ); return item > 3; }));
下节预告:数组_冒泡排序
猜你喜欢
- 2024-09-30 table组件,前端如何使用table组件打印数组数据
- 2024-09-30 前端数组改字符串方法 前端数组改字符串方法是什么
- 2024-09-30 javascript复制数组的三种方式 javascript复制粘贴
- 2024-09-30 第21节 检测数组、类数组及多维数组-Web前端开发之Javascript
- 2024-09-30 前端系列——ES6中循环数组的方法
- 2024-09-30 前端已死?请用TS写出20个数组方法的声明
- 2024-09-30 springboot项目中,前端如何传递一个自定义对象数组给后端
- 2024-09-30 带你走进javascript数组的世界 javascript数组操作方法
- 2024-09-30 每天学点 ES6 —— 数组(二) es6数组处理方法
- 2024-09-30 ES6新特性系列之数组解构赋值 es6数组函数
你 发表评论:
欢迎- 最近发表
-
- 前端流行框架Vue3教程:13. 组件传递数据_Props
- 前端必看!10 个 Vue3 救命技巧,解决你 90% 的开发难题?
- JAVA和JavaScript到底是什么关系?是亲戚吗?
- Java和js有什么区别?(java和javascript的区别和联系)
- 东方标准|Web和Java的区别,如何选择这两个专业
- 前端面试题-JS 中如何实现大对象深度对比
- 360前端一面~面试题解析(360前端笔试)
- 加班秃头别慌!1 道 Vue 面试题,快速解锁大厂 offer 通关密码
- 焦虑深夜刷题!5 道高频 React 面试题,吃透 offer 稳了
- 2025Web前端面试题大全(整理版)面试题附答案详解,最全面详细
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)