Js数组过滤的方法

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

方法一:使用forEach遍历

let list = ['a','b','c','d','e']
list.forEach((item,index)=>{
  if(item == 'c'){
    list.splice(index,1)
  }
})
console.log('forEach',list)

方法二:使用map

let list = ['a','b','c','d','e']
list = list.map(item=>{
  return item == 'c'?'':item
})
console.log('map',list)

方法三:使用filer,这是比较正确的方法

let list = ['a','b','c','d','e']
list = list.filter(item=>{
  return item != 'c'
})
console.log('filter',list)

方法四:使用Set,方法很蠢但是的确可以实现

let list = ['a','b','c','d','e']
let arr =  ['c']
let set1 = new Set(list)
let set2 = new Set(arr)
//先将数组转为集合set,再利用set取差集
let newList = [...set1].filter(item=>{
  return !set2.has(item)
})
console.log('set',newList)

输出展示

js 数组过滤,javascript,前端,vue.js

 文章来源地址https://www.toymoban.com/news/detail-706972.html

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

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

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

相关文章

  • js 过滤两个数组中的相同元素

    encodeComponent() 不会对 ASCII 数字 或者   - _ . ! ~ * \\\' ( )   编码 。只对 #¥%@…… ....等编码 防止 服务端解析 这些地址 无法识别  相反 decodeComponent() 解码  js中encodeURIComponent函数的使用,加码解码_玉米妈妈-momoxifei的博客-CSDN博客 js中encodeURIComponent函数的使用,加码解码 https:

    2024年02月15日
    浏览(33)
  • JavaScript中常用的数组过滤方法

    在 JavaScript 编程中,经常会遇到需要对数组进行筛选和过滤的情况。本文将介绍几种常用的数组过滤方法,帮助你在处理数组数据时更加灵活高效。 1. 使用 filter() 方法 filter() 方法可以根据指定的条件筛选出满足条件的元素,并返回一个新的数组。通过传入一个回调函数来定

    2024年02月07日
    浏览(47)
  • vue系列--通过js生成前端水印的方法

    此方法开箱即用,在vue项目中import即可。 例如:

    2024年02月22日
    浏览(58)
  • 【JS】js数组分组,javascript实现数组的按属性分组

    项目代码中有很多时候需要按一定的条件实现按属性分组 你可以使用JavaScript的 Array.prototype.reduce() 方法来将数组分组。这是一种高级的方法,它可以将数组元素组合成一个单值。在这种情况下,你可以使用它来把数组元素放到一个对象中,其中对象的键是分组的条件,值是所

    2023年04月08日
    浏览(50)
  • 前端刷新页面的五种方法(含原生js、vue和react)

    1、window.history.go(0)方法 2、location.reload()方法 3、location.href=location.href方法 4、vue-router方法 5、react-router方法

    2024年02月16日
    浏览(51)
  • 【javascript】js获取数组中数值最大的数

    一、借助apply()的参数,获得最大值 由于max()里面参数不能为数组,所以借助apply(funtion,args)方法调用Math.max(),function为要调用的方法,args是数组对象,当function为null时,默认为上文,即相当于apply(Math.max,arr) 二、借助call()的参数,获得最大值 call()与apply()类似,区别是传入参数

    2024年02月11日
    浏览(41)
  • vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法

    由于vue为单页面项目,通过控制组件局部渲染,main.js是整个项目唯一的入口,整个项目都在一个index.html外壳中。 若项目过大,会造成单页面负载过重;同时,多页面利于模块独立部署。 如果项目中不同的页面需要不同的main.js和App.vue这样就需要配置多个入口了。 要单独将页

    2024年01月22日
    浏览(90)
  • Vue.js 中的过滤器和计算属性

    Vue.js 是一款流行的 JavaScript 框架,它提供了一种简单而灵活的方式来构建交互式 Web 应用程序。在 Vue.js 中,过滤器和计算属性是两个常用的概念。它们可以帮助开发者更方便地处理数据,提高代码的可读性和可维护性。但是这两个概念有什么区别呢?本文将会详细介绍 Vue

    2024年02月08日
    浏览(50)
  • vue3【侦测|过滤|数组方法】数据变化侦测&&信息筛选过滤&&常用数组方法.filter() .map() .forEach(). find()

    内容回顾 点击快速复习v-for👏👏👏。本期内容主要是 数据变化的检测 和 信息的过滤筛选 以及 常用的数组方法 👇 ( .filter() 、 .map() 、 .forEach() 、 .find() 、 .findIndex() 、 .some() 、 .every() 、 .fill() )。 延展一下 :👏👏👏 关于数据的变化——比如,对表格数据进行的搜索,

    2024年02月10日
    浏览(36)
  • jQuery.js - 前端必备的Javascript库

    作者: WangMin 格言: 努力做好自己喜欢的每一件事 jQuery.js 是什么? jQuery是一个快速简洁、免费开源易用的JavaScript框架, 倡导写更少的代码,做更多的事情 。它封装JavaScript常用的功能代码,提供了一种简便的JavaScript设计模式,以及我们开发中常用到的操作DOM的API,优化HTML文

    2024年02月05日
    浏览(77)

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

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

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

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

二维码1

领取红包

二维码2

领红包