明白ES6中数组的区别了吗?

2024-01-13

所以我有两个数组:

const allLanguages = [ 'ES', 'EN', 'DE' ]
const usedLanguages = [ { id: 1, lang: 'EN' } ]

生成新数组的最快方法是什么?这两者之间有什么区别?在老式的 JavaScript 中,你必须在另一个 for 循环中执行一个 for 循环,我认为......

Eg:

const availableLanguages = [ 'ES', 'DE' ]

您可以使用filter() and find()返回过滤后的数组。

const allLanguages = [ 'ES', 'EN', 'DE' ]
const usedLanguages = [ { id: 1, lang: 'EN' } ]

var result = allLanguages.filter(e => !usedLanguages.find(a => e == a.lang));
console.log(result)

你也可以map()第二个数组,然后使用includes()过滤掉重复项。

const allLanguages = [ 'ES', 'EN', 'DE' ]
const usedLanguages = [ { id: 1, lang: 'EN' } ].map(e => e.lang);

var result = allLanguages.filter(e => !usedLanguages.includes(e));
console.log(result)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

明白ES6中数组的区别了吗? 的相关文章

  • 将 javascript 合并到一个文件中

    最近阅读了雅虎的网络优化技巧并使用 YSlow 我在我的一个网站上实现了他们的一些想法http www gwynfryncottages com http www gwynfryncottages com你可以在这里看到该文件http ww
  • 单击量角器中元素的给定坐标

    我想点击我的特定位置canvas元素 所以我编写了以下量角器代码 var canvas element by id canvas var clickCanvas function toRight toBottom browser actio
  • 通过 AJAX 发送 XML

    我在 jQuery 中创建了一个 xml 文档 如下所示 var xmlDocument
  • ExitFullScreen 不起作用 + 无论如何要按键盘单击按钮?

    我的浏览器 Google Chrome 版本 33 0 1750 154 m Script function exitFullscreen var element document documentElement if element mo
  • 在 Numpy 中切片后确定结果数组的形状

    我很难理解在 numpy 中切片后如何确定结果数组的形状 例如 我使用以下简单代码 import numpy as np array np arange 27 reshape 3 3 3 slice1 array 1 2 1 slice2
  • JavaScript 逻辑赋值是如何工作的?

    在 javascript 中 如果我们有一些代码 例如 var a one var b q a alert b 逻辑 OR 运算符会将 a 的值分配给 b 并且警报将为 一 这仅限于作业还是我们可以在任何地方使用它 似乎空字符串被视为与未定
  • jquery:如何检查div中的所有单选按钮是否被选中

    我的 html 看起来像这样 div div
  • 无法从 Twin.macro 中的 Prop 获取值

    您可以在这里查看我正在尝试执行的操作的示例 https codesandbox io s vibrant leaf qj8vz https codesandbox io s vibrant leaf qj8vz 注意 这个特定的例子使用双宏
  • 如何使用 jQuery UI Sortable 正确相交?

    这是我对 jQuery UI Sortable 进行动画处理的尝试 https codepen io anon pen YdMOXE https codepen io anon pen YdMOXE var startIndex chang
  • 将数字限制为段的最优雅的方法是什么?

    比方说x a and b是数字 我需要限制x到段的边界 a b 换句话说 我需要一个钳位功能 https math stackexchange com q 1336636 clamp x max a min x b 有人能想出一个更易读的版
  • 如何按值删除数组中的多个项目?

    我正在尝试做一个removeAll 函数 它将删除具有该特定值 而不是索引 的数组的所有元素 当我们对循环进行任何更改时 棘手的部分就出现了 索引往往会移动 使其很难像我们想要的那样工作 并且每次更改时都重新启动循环 这在大数组上效率非常低
  • javascript onclick 进入新窗口

    这是我的代码
  • 从 html 页面和 javascript 调用 java webservice

    我正在尝试从 javascript 调用 java 实现的 Web 服务 使用 NetBeans IDE 我读过很多关于 jQuery 和 AJAX 的内容 但我似乎无法掌握它 假设我的 Web 服务 WSDL 位于 http localh
  • 在部分渲染时执行 JavaScript

    我有一些 JavaScript 代码 我想在用户单击其文件夹之一后执行 它会触发 show 操作和 show js erb 从而呈 现部分内容 Show js erb 当用户单击其文件夹之一时触发 如下所示 body append 它成功注
  • Skrollr 添加空白

    我已经尝试了一切 我在谷歌上阅读了 4 5 页试图找到适合我的修复程序 已经筋疲力尽了 即使我使用 skrollr 示例 我的问题仍然存在 不是说他们做错了什么 我知道我只是没有正确理解它 因此 我上传了一个演示 仅在移动设备上展示这个尴尬
  • 使用 Javascript 检测 Pepper (PPAPI) Flash

    我们使用的是专有的文档查看器 它与某些 Chrome 版本中的 Pepper 版本的 Flash 配合得不太好 所以我希望能够检测到它并重定向到不同格式的相同内容 由于这个版本似乎落后于 NPAPI 版本 所以我一直在使用闪光检测 http
  • C# 用数组封送结构体

    假设我有一个类似于 public struct MyStruct public float a 我想用一些自定义数组大小实例化一个这样的结构 在本例中假设为 2 然后我将其封送到字节数组中 MyStruct s new MyStruct s
  • 如何在 JSP 编辑器中激活 javascript 的语法着色 - Eclipse

    在某些情况下 javascript 确实必须位于 JSP 页面中 而不是位于单独的文件中 有些框架还使用Javascript做一些事情 以便用户将其包含到JSP标签中 这样JS就不会出现在
  • 在 Javascript 中创建数组

    我对 javascript 不太熟悉 并且在用 javascript 制作 2d 或者也许我可能需要 3d 数组时遇到了一些麻烦 我目前需要收集 2 条信息 一个 ID 和一个值 因此我创建了以下内容 var myArray var id
  • 如何在 ionic2 中 pop() 之后重新加载 ion-page

    我有2页Page1 and Page2 我用过this nav pop 在Page2中 它将弹出Page2 Page1将启用 但我想刷新Page1 先感谢您 您可以将父页面与导航推送一起传递 这样您就可以将父页面作为 navParamter

随机推荐

  • 如何找出截断的 UILabel 文本的宽度

    I have UILabel 其中包含动态文本 有时文字太长而无法显示 因此自动截断 如何找出截断文本可见部分的宽度 sizeThatFits 返回未截断文本的长度 所以目前我只能检测何时进行截断 需要知道有多少是可见的 包括那三个点 有小
  • 如何让3秒后出现静态图像?

    如何让图像在 3 秒后出现 您可以使用 self performSelector withObject afterDelay
  • 如何使用 hibernate 标准调用 postgres 函数

    我使用 hibernate 标准获取排序结果 生成以下 sql select from mytable order by name asc 这就是我使用休眠标准执行此操作的方法 criteria addOrder Order asc nam
  • 在测试阶段使用替代 Maven 配置文件

    我正在尝试从 Appfuse 原型开始构建一个应用程序 但我遇到了一些奇怪的问题 这一次 我想使用 hsqldb 进行自动化单元测试和集成测试 并使用 mysql 数据库进行手动测试 以便我可以在需要时轻松操作数据 因此在测试过程中自动切换
  • 从编辑控件获取文本

    我试过这个 int editlength int buttonid 3324 id to button the numbers dont mean anything int editid 5652 id to edit LPTSTR edi
  • 抓取域列表的登陆页面[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我有一个相当长的网站列表 我想下载
  • 切片神奇地更新

    我正在尝试编写一个程序来查找二叉树中的所有根到叶路径 其中每个路径的总和等于给定的总和 以下是我想出的代码 package main import fmt type TreeNode struct Val int Left TreeNode
  • 如何在VS中调试appdomain返回值

    我的 C 程序使用多个应用程序域来加载 卸载程序集 我在第二个应用程序域中的程序集返回一个继承 MarshalByRefObject 的对象 我现在的问题是 Visual Studio 告诉我它无法显示有关它的信息 此上下文中不支持获取透明
  • 在没有 Spring Boot 应用程序主类的项目中测试 Spring Data Repository

    我有一个小项目 不包含运行 Spring Boot 应用程序的类 在该课程中 我只有一些配置和一些存储库 我想在小项目中测试这些存储库 为此 我有以下几点 SpringBootTest DataJpaTest public class Ta
  • Vim html.erb 片段? snipMate 需要 vim 提示

    当我在 html erb 文件中时 我没有得到 snipMate 片段 我想要 HTML 和 Ruby 或者只需要 HTML 我该怎么做 我需要写一组片段吗 如果是这样 是否有一种方法可以提取现有的片段而不复制它们 有没有办法告诉vim在看
  • 禁用特定 Go-Gin 路由的请求日志记录

    我有很多路线 从杜松子酒开始gin Default 默认情况下启用所有路由的日志记录和恢复 但只有一条路线 即 health 每 5 秒就会 ping 一次 在不更改大量代码的情况下禁用该路由的请求日志记录的直接方法是什么 func mai
  • Karate DSL Framework 是否具有执行负载测试的能力

    目前 我们已经使用 Karate 框架自动化了所有的 Web 服务 这非常酷 我们有什么方法可以使用这个工具进行负载测试吗 示例 当我注册会员 1000 次时给出 那么平均响应时间应该是2 7毫秒 我是空手道的开发者 很高兴听到这个反馈 谢
  • Atom Shell 中的跨域 Ajax 调用

    我们正在与 Atom Shell 目前称为electron https github com atom electron 将 Web 应用程序包装为桌面应用程序 并且由于 CORS 限制而无法进行跨域 ajax 调用 我们也尝试过nw js
  • 迭代 mat-table Angular 中的数据源

    我在通过 dataSource 进行迭代时遇到问题 其中我有 mat table 的数据 div class my item div span class skuska span class mat subheading 2 element
  • 在服务中使用哪个上下文?

    我想调用其他需要 Context 作为输入参数的类中的方法 但我在服务中有 3 种可能性 getApplicationContext getBaseContext getApplication 用在哪一个ScreenService whic
  • .htaccess URL 重定向

    我怎样才能重定向http domain com blog index php weblog rss 2 0 http domain com blog index php weblog rss 2 0 to http www domain c
  • 如何在使用 Boost C++ 编写的 php Web 应用程序中读取地图(在共享区域中)?

    我在共享区域中使用 C Boost 库编写了一张映射 键 值 void CreateIndexMap shared memory object remove Getsharedmemoryregion managed shared memo
  • Windows Phone 7 TextBlock TextWrapping 在列表框中不受支持

    我有一个列表框定义为
  • Woocommerce 结账页面中的自定义统一费率描述文本

    我在运输区域内设置了两种统一费率运输方式 结帐时这两种运输方式都可用 我想在每个统一费率运输选项下显示文本说明 WooCommerce 中似乎没有任何选项可以执行此操作 我已经尝试过以下代码 但不用说它不起作用 add filter woo
  • 明白ES6中数组的区别了吗?

    所以我有两个数组 const allLanguages ES EN DE const usedLanguages id 1 lang EN 生成新数组的最快方法是什么 这两者之间有什么区别 在老式的 JavaScript 中 你必须在另一个