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

JS:列表操作

目录

  • 1、列表截取
  • 2、列表数据包含
  • 3、列表筛选
  • 4、极值操作
  • 5、获取列表对象某一属性构建列表
  • 6、获取元素在列表中的下标
  • 7、列表去重


1、列表截取

列表截取:List.slice(start, end),左闭右开

var dataList = [1,2,3,4,5,6]
var resultList = dataList.slice(0, 2)
console.log(resultList)

2、列表数据包含

arr.includes(row) 判断列表中是否包含某一元素,true=包含 false=不包含

var dataList = [1,2,3,4,5,6]
let flag = dataList.includes(5)  // true
let flag1 = dataList.includes(7)  // false

3、列表筛选

const array = [10, 11, 3, 20, 5];
const greaterThanTen = array.filter(element => element > 10);

4、极值操作

// 求列表的最大值
var yData = [150, 230, 224, 218, 135, 147]
Math.max.apply(null, yData)

5、获取列表对象某一属性构建列表

var data = [ {a:1,b:2,c:3}, {a:4,b:5,c:6}, {a:7,b:8,c:9} ];var a_list = data.map(item => item.a)

6、获取元素在列表中的下标

array.indexOf(item)

7、列表去重

列表去重

var arr = [1, 2, 2, 3];
arr.filter(function (item, index, arr) {//当前元素,在原始数组中的第一个索引==当前索引值,否则返回当前元素return arr.indexOf(item, 0) === index;
});

按照对象的某一字段去重

const arr = [ { id: 1, name: 'Tom' }, { id: 2, name: 'Jerry' }, { id: 3, name: 'Tom' }, { id: 4, name: 'Jerry' } ];const uniqueArr = arr.filter((item, index, arr) => { return arr.findIndex(t => t.name === item.name) === index; }
); 
console.log(uniqueArr); // => [{ id: 1, name: 'Tom' }, { id: 2, name: 'Jerry' }]
http://www.lryc.cn/news/472566.html

相关文章:

  • ECharts 折线图 / 柱状图 ,通用配置标注示例
  • 统计数据集的TXT、XML及JSON标注文件中各类别/每个标签的数量
  • Facebook登录客户追踪:了解用户访问路径,优化客户体验
  • NUUO摄像头 debugging_center_utils 远程命令执行漏洞复现
  • Nginx 的讲解和案例示范
  • 微信小程序元素水平居中或垂直居中
  • ClickHouse 神助攻:纽约城市公共交通管理(MTA)数据应用挑战赛
  • ELK + Filebeat + Spring Boot:日志分析入门与实践(二)
  • 使用 Docker Compose 将数据版 LobeChat 服务端部署
  • python如何完成金融领域的数据分析,思路以及常见的做法是什么?
  • 密码管理工具实现
  • 构造函数和new操作符 - 2024最新版前端秋招面试短期突击面试题【100道】
  • 6.Linux按键驱动-阻塞与非阻塞
  • Mac打开环境变量配置文件,source ~/.zshrc无法打开问题解决
  • 计算机前沿技术-人工智能算法-大语言模型-最新研究进展-2024-10-23
  • 【C#】搭建环境之CSharp+OpenCV
  • 100种算法【Python版】第25篇——Bidirectional Search算法
  • WebSocket与Socket
  • Python 3 维护有序列表 bisect
  • vue版本太低无法执行vue ui命令
  • 数据结构 之 二叉树的遍历------先根遍历(五)
  • Xss_less靶场攻略(1-18)
  • 【AI语音克隆整合包及教程】声临其境,让想象成为现实——第二代GPT-SoVITS引领语音克隆新时代!
  • echarts属性之dataZoom
  • SQLite 语法
  • 逗号运算符应用举例
  • Android 玩机知识储备
  • MyBatis 学习记录(六)之逆向工程
  • 深度了解flink(七) JobManager(1) 组件启动流程分析
  • PostgreSQL 约束