过滤两个数组并取出不同/相同项（vue/filter）

已于 2022-05-11 16:33:57 修改
阅读量8.5k 收藏 11
点赞数 4
分类专栏： vue 文章标签： 前端
于 2021-06-30 16:27:24 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/miem_yang/article/details/118363671
版权

话不多说 直接上干货内联代码片。

// 数组A
let arrA = ['1111','2222','333','4444','5555']
// 数组B
let arrB= ['aaa','bbb','4444','5555','dddd','eeee','ffff','yyyy','mmmm']
过滤B数组中不包含A数组的项
let differentArr = arrB.filter(item => arrA.indexOf(item) > -1)
// differentArr =['aaa','bbb','dddd','eeee','ffff','yyyy','mmmm']
过滤B数组中包含A数组的项
let differentArr = arrB.filter(item => arrA.indexOf(item) != -1)
// differentArr =['4444','5555']
一只快乐的小咩咩
关注
  • 4
    点赞
  • 踩
  • 11
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
JavaScript合并两个数组并去除重复项的方法
12-10
本文实例讲述了JavaScript合并两个数组并去除重复项的方法。分享给大家供大家参考。具体实现方法如下： Array.prototype.unique = function() { var a = this.concat(); for(var i=0; i for(var j=i+1; j if(a[i] === a[j]) a.splice(j, 1); } } return a; }; //Demo var array1 = ["a","b"]; var array2 = ["b", "c"]; var array3 = array1.concat(array2).unique();
Vue 通过公共字段,拼接两个对象数组的实例
10-16
今天小编就为大家分享一篇Vue 通过公共字段,拼接两个对象数组的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
两个相同数组筛选相同项
m0_51073906的博客
08-17 748
let arr = [{ id: 1, name: 'zs' }, { id: 2, name: 'ls' }, { id: 3, name: 'ww' }, { id: 4, name: 'xm' }, { id: 5, name: 'xh' },] let sum = [{ id: 1, name: 'cc' }, { id: 2, name: 'ls' }, { id: 3, name: 'ww' }, { id: 4, name: 'xm' }, { id: 5, name: 'xh' },] d
vue对两个多重数组对象进行筛选过滤
最新发布
sinat_41200024的博客
03-04 469
vue ， 对两个数组对象进行过滤，查找符合指定条件的数据
【JS】js 过滤两个数组中，相同的项
leo的博客
11-09 5319
介绍了JS过滤出两个数组中的相同元素的方法，示例代码详细
两个数组对象 比对，过滤掉相同的数据
weixin_57384516的博客
04-27 851
let oldArr1 = [{uid:'1',name:'小明'},{uid:'2',name:'小红'} ] let oldArr2 = [{id:'1',name:'小明',age:'10'},{id:'2',name:'小绿',age:'13'},{id:'3',name:'小白',age:'14'}] 代码 const newArr = oldArr2 .filter((item) => { return !oldArr1.some(ele=>ele.uid===item.
过滤（筛选）出两个数组不同的元素
IT博客技术分享
09-29 5445
方法一、 1.筛选出两个数组不同的元素 let list= []; list = this.array1.filter(item=>{ return array2.indexOf(item) === -1 }); 方法二、 2.筛选出两个数组相同的元素 let list= []; list = this.array1.filter(item=>{ return array2.indexOf(item) !== -1 }); ...
过滤掉两个数组中相同的部分
爱吃橘子的哈哈
05-20 2481
在实际开发中诸如需要过滤掉数组中已选中部分。 1.有数组arrayA 和数组arrayB----(filter) 数组A中选择一部分数据到数组B中，现在需要对数组A进行过滤，去除掉已经选择的部分 let arrayA = [1,2,3,4,5,6,7]; let arrayB = [1,2,3]; for（var i = 0；i<arrayB .length;i++）{ //先遍历数组arrayB arrayA = arrayA .filter(function(x){ //然后过滤arr
2个数组对象对比，过滤掉相同的对象
lxuanz的博客
05-18 609
2个数组对象对比，过滤掉相同的对象
取出两个数组中的不同的元素
肖肖肖丽珠的博客
08-10 3000
FilterData(a,b)//循环判断数组两个数组的不同的元素 { var result = new Array(); var c=b.toString(); for(var i=0;i&lt;a.length;i++) { if(c.ind...
Vue —— 9、过滤得到两个数组不相同的元素
weixin_54966486的博客
05-01 1235
//计算属性 computed:{ //计算出还没选择的销售属性 unSelectSaleAttr() { //整个平台就三个属性：saleAttrList[尺寸、颜色、版本] //当前编辑的 Spu 拥有的属于自己的属性 spu.spuSaleAttrList --- 三种中的某几种 //用数组的过滤方法，筛选出该spu中没有的 let result = this.saleAttrList.filter((item)=>{ .
vue 对象数组中，根据相同属性的数据合并，重组新的数组对象
01-20
可以通过上次的需求，我们通过 TYPE 和 REMARK 两个 key 对应的 value 共同决定是否合并属性，我们是可以将两个属性进行串联成一个新的 key，如果这个 key 相同，即两个条件同时满足。这里不仅仅合并相邻的数据，不相邻的同种 属性也会进行合并。 源数据： let data = [ {TYPE: 01, REMARK: 休假}, {TYPE: 03, REMARK: 在班}, {TYPE: 03, REMARK: 在班}, {TYPE: 02, REMARK: 上海出差}, {TYPE:
Vue监听一个数组id是否与另一个数组id相同的方法
12-29
数据list，结构为[{id:1,…},{id:2,…}]，数据shoplist，结构为[{id:1,…},{id:2,…}]，判断当shoplist.id等于list.id时显示list的数据。 .vue文件： <template> <div class=hello> <div class=shoplist> <button @click=clickButtonShopList>click me</button> <span>shoplist-id:</span><input type=text v-model=shoplist[shopCount].id>
vue实现将一个数组内的相同数据进行合并
10-16
今天小编就为大家分享一篇vue实现将一个数组内的相同数据进行合并，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue v-for循环出来的数组加不同的颜色(颜色循环)
miem_yang的博客
10-13 6929
上面方块是由后端返回的数组 需求是每四个方块循环不同的背景颜色 下面展示一些 内联代码片。 // 具体v-for的代码块 <div v-for="(item, index) in appList" :key="index"> <span :style="{'background':item.color}"></span> // 方块 样式就不写了 <span>{{系统名称}}</span> </div> // appLi.
vue启动时报错* core-js/modules/es. .......
miem_yang的博客
04-09 6724
vue启动时报错* core-js/modules/es. … 报错代码片段: 一开始根据提示安装npm install --save core-js 然而并没有用 后来经过尝试发现版本太低 所以选择了高一点的版本 下面展示一些下我的解决方法内联代码片。 npm install [email protected] 成功解决 如果不行可以再选择更高一点的版本。 ...
vue elementui表单验证组件动态修改required状态
miem_yang的博客
11-17 6571
最近遇到的需求：在一个表单里，有一个单选项检查结果：（无问题 有问题 不适用）（必填）和一个输入框问题描述：input(选填)，当但选项值为（有问题）时输入框为必填项，否则为选填项。如果像以前表单验证正常写法就会报错如下： 正常显示代码如下 下面展示一些 内联代码片。 <el-form-item label="问题描述" prop="desrc" :rules="{required:menuForm.result == '1'? true:false,message:'请输入问题描述'}">
vue前端实现下载本地文件(不调用后台接口下载文件模板)
miem_yang的博客
11-12 3735
今天给的需求是希望前端本地直接下载模板 不调用后端接口 以下提供两个简单的方法 方法一：使用elementui 下面展示一些 内联代码片。 <el-button type="text" icon="el-icon-download" @click="handleDownload">模版下载</el-button> //下载模版 handleDownload(){ window.location.href = '../../../static/模板.xlsx' } //
vue两个数组合并，将相同下标的数组合并一起
07-20
要将两个数组的相同下标元素合并成一个数组，你可以使用`Array.map()`方法来遍历其中一个数组，并通过索引将两个数组的元素合并。在Vue.js中，你可以尝试以下代码来实现这个功能： ```javascript let array1 = ['a', 'b', 'c']; let array2 = [1, 2, 3]; let combinedArray = array1.map((item, index) => { return item + array2[index]; }); console.log(combinedArray); // ['a1', 'b2', 'c3'] ``` 在上述代码中，我们使用`Array.map()`方法来遍历`array1`数组，并使用相同索引的元素与`array2`数组的元素进行合并。合并后的结果存储在`combinedArray`中。 在Vue.js中，你可以在数据绑定或方法中使用类似的逻辑来合并两个数组，并将结果显示在视图中。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值