Js/Ts 数组的filter方法

最新推荐文章于 2025-02-20 18:42:32 发布

Martin.Y

最新推荐文章于 2025-02-20 18:42:32 发布

阅读量6.6k

点赞数 1

分类专栏：前端文章标签： javascript 前端 typescript

本文链接：https://blog.csdn.net/sinat_28338727/article/details/122863527

版权

前端专栏收录该内容

2 篇文章

订阅专栏

背景

最近在写一个自动化生成/绑定/更新脚本的插件，有一个功能，我需要找出预制体/场景以及对应脚本中已有的属性，并且对属性进行对比，找出已经删除的属性和要添加属性。

实践

本来想着双层数组遍历，分别找出删除的和要添加的属性

let omitProps = [];
let deletedProps = [];
for (let i = 0; i < arrTsProps.length; i++) {
    let element = arrTsProps[i];
    if (arrPrefabProps.indexOf(element) === -1) {
        omitProps.push(element);
    }

}
for (let i = 0; i < arrPrefabProps.length; i++) {
    let element = arrPrefabProps[i];
    if (arrTsProps.indexOf(element) === -1) {
        deletedProps.push(element);
    }
}

btw，功能是实现了，这TM代码又臭又长，不能忍！

于是去查了一下文档，发现了这个神器 filter
菜鸟教程 JavaScript Array filter() 方法的介绍

菜鸟教程 JavaScript Array filter() 方法

直接上代码

// 预制体/场景上要添加的属性
let omitProps = arrTsProps.filter((element) => { if (arrPrefabProps.indexOf(element) === -1) { return element; } });
// 预制体/场景上已经删除的属性
let deletedProps = arrPrefabProps.filter((element) => { if (arrTsProps.indexOf(element) === -1) { return element; } });