如何获取具有相同键值并以逗号分隔的对象

2024-03-28

我有一个对象数组,每个对象都有键和值。我希望如果对象具有相同的键,那么它们的值应该以逗号分隔相同键的所有值。 我的html代码:

<p ng-repeat="item in allOptions" class="item" id="{{item.id}}">
  {{item.id}} <input type="checkbox" ng-change="sync(bool, item)" ng-model="bool" >  {{item}} Selected: {{bool}} 
  </p>

我的控制器代码是:

 $scope.allOptions = [
    {
      "id": "1",
      "data": "one",
    },
    {
      "id": "1",
      "data": "two",
    },
    {
      "id": "2",
      "data": "three",
    },
  ];

  $scope.data = [

  ];

  $scope.sync = function(bool, item){

    if(bool){
      // add item
      $scope.data.push(item);
    } else {
      // remove item
      for(var i=0 ; i < $scope.data.length; i++) {
        if($scope.data[i] == item.id){
          $scope.data.splice(i,1);
        }
      }      
    }
  };

在数据数组中我有对象,如果我们选择相同的对象键(相同的id值)那么我想要

{
          "id": "1",
          "data": "one","two",
        }

var myData = [{
      "id": "1",
      "data": "one",
    },{
      "id": "1",
      "data": "two",
    },{
      "id": "2",
      "data": "three",
    }];

var output = [];

//Iterating each element of the myData
myData.forEach(o => {

  //Checking the duplicate value and updating the data field
  let temp = output.find(x => { 
      if (x && x.id === o.id) {
        x.data += ", " + o.data;
        return true;
    }
  });
  if(!temp)
     output.push(o);
     
});
console.log(output);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何获取具有相同键值并以逗号分隔的对象 的相关文章

  • 执行oauth时如何创建弹出窗口?

    我想通过使用弹出窗口来完成 Lifestream 和其他网站使用 oauth 身份验证所做的事情 他们打开一个弹出窗口 不知何故没有被弹出窗口拦截器阻止 并将他们的网站变灰 然后 在允许 oauth 访问时 它会说重定向回原始站点并终止弹出
  • 更改模板标签 <# {% {{ 等后,John Resig 的微模板出现语法错误

    我在使用 John Resig 的 Micro 模板时遇到了一些麻烦 谁能帮我解释为什么它不起作用 这是模板 以及发动机的改装部分 str replace r t n g split join t replace gt t g 1 r re
  • 基于 json 文件动态显示选择、复选框、日期选择器等

    对我之前的问题的补充 我根据 json 文件动态显示输入字段 现在我想根据它们的组显示选择项 复选框和日期选择器 我如何解决这个问题 我需要将这些元素推入computeJSON 但写入例如选择options item selection不管
  • webpack 加载器并包含

    我是 webpack 的新手 我正在尝试了解加载器及其属性 例如测试 加载器 包含等 这是我在 google 中找到的 webpack config js 的示例片段 module loaders test js loader babel
  • 从 json 文件加入时添加角色 (autorole)

    我对 JS 相当陌生 为了学习 我决定为 Discord 制作一个机器人 我学到了很多并且正在继续学习 我有一个 autorole 的想法 我知道传统的做法 bot on guildMemberAdd member gt var role
  • 如何处理 React JSX 中的长类名?

    假设我在 React JSX 中渲染这个组件 render return h1 Some text h1 这些类触发我的 JS linter 的行太长 而且很难阅读 怎样才能分开长className将 React 组件中的属性分成多行而不破
  • 如何用方向键移动div

    我想使用 jQuery 用箭头键移动 div 所以右 左 下 上 找到了我想要完成的演示here http atomicrobotdesign com blog htmlcss move objects around the canvas
  • 无法使用 jQuery 添加两个小数

    我试图将两个小数值相加 但返回的总和是纯整数 怎么了 我找不到它 欢迎任何帮助 jQuery delivery method ship select change function var cost jQuery this val jQue
  • 如何禁用向左滚动?

    I got a div 元素 parent 包含多个子元素 item 我想启用滚动父元素一个方向 left OR正确的 否则什么都不会发生 看我的代码 parent scroll function gt gt gt scroll event
  • 根据复选框显示/隐藏输入字段[重复]

    这个问题在这里已经有答案了 如果单击该复选框 它将显示一个输入字段 到目前为止它正在工作 但如果未选中该复选框 它应该隐藏它 我该怎么做 div class checkbox div
  • 如何使用jsPDF设置图像以适合页面宽度?

    有什么办法可以解决这个问题吗 我尝试以毫米为单位设置宽度和高度 如何将其设置为全角 您可以获取 PDF 文档的宽度和高度 如下所示 var doc new jsPDF p mm a4 var width doc internal pageS
  • jquery 在元素之间包裹内容

    我有一些内容由 hr 标记 我需要做的是将开始标记和结束标记之间的所有内容包装起来 鉴于此标记 hr class begin some content
  • 允许在 Safari 上聊天应用程序使用 audio.play()

    由于苹果禁用了自动播放音频的功能HTMLMedia Element play https developer mozilla org en US docs Web API HTMLMediaElement play在没有用户交互的 java
  • 用空字符串替换状态:Javascript

    我有这个网址 website com con blog true 我在 javascript 中所做的是 if getURLparams blog RandomFunction change the url window history r
  • Kotlin JavaScript 到 TypeScript 定义文件

    我已经找到了ts2kt 库 https github com Kotlin ts2kt这将从任意位置创建 Kotlin 头文件 d ts文件 但是 我想朝相反的方向走 我想构建一个可以编译为 JavaScript 的 Kotlin 库 但我
  • ParseFromString 在 IE 中抛出错误,但在 Chrome 中不会抛出错误

    我正在使用传单的 KML 插件 该插件在 Google Chrome 中运行良好 然而 在 IE 中 它会在以下代码中引发错误 parser new DOMParser console log url outputs path to kml
  • KML 中的 JavaScript 被 Google 地球插件忽略

    我创建了一个简单的 KML 文件 该文件可以在独立的 Google 地球客户端中运行 但在 Google 地球插件中根本无法运行 无论浏览器如何
  • asp.net mvc - Ajax 刷新视图的每个元素

    希望在退出 jquery 对话框后使用 ajax 刷新当前页面 我有一个包含 foreach 循环的视图 数据是从模型中提取的 每个循环有 2 个编辑 删除按钮 当我单击 编辑按钮 时 将打开一个 jquery UI 对话框进行编辑 当我保
  • 仅使用 javascript 获取网站的正文元素

    我想检索以下网站的正文内容http sports espn go com nhl bottomline scores nhl s left1 http sports espn go com nhl bottomline scores nhl
  • 在哪里放置资源特定逻辑

    您能帮我考虑在 AngularJS 中将资源 服务 特定的业务逻辑放置在哪里吗 我觉得在我的资源上创建一些类似模型的抽象应该很棒 但我不确定如何做 API调用 gt GET customers 1 lt first name John la

随机推荐

  • 将 FeedParser 对象序列化为 Atom

    我使用 feedparserhttp www feedparser org http www feedparser org 解析 Atom feed 并对生成的 Python 对象进行一些操作 之后 我想将对象序列化回 Atom 但 fee
  • React Native - 通过邮件发送照片

    我正在尝试通过邮件发送最近在应用程序中捕获的照片 但遇到以下错误 对于邮件功能 我正在使用此模块 var Mailer require NativeModules RNMail 我试图借助此模块通过邮件发送照片 但出现以下错误 index
  • 如何使用界面生成器更改 ipad 的文本字段高度?

    我们正在使用 Interface Builder 开发 iPad 应用程序 但我们不知道如何增加文本字段的高度 当我们使用 IB 为 osx 开发应用程序时 您可以转到文本字段属性 并在控制部分下将换行符设置为自动换行而不是剪辑 但是 当我
  • MultiColumnText 在 iTextSharp v5.3.3 中工作吗?

    我找不到MultiColumnTextiTextSharp v5 3 3 来自 NuGet 中的任何位置 我能找到的就是ColumnText这当然使用起来不太友好 而且超出了我真正需要的范围 我错过了什么吗 有几个链接说MultiColum
  • 使用 pymc 与 MCMC 拟合两个正态分布(直方图)?

    我正在尝试拟合 CCD 上摄谱仪检测到的线轮廓 为了便于考虑 我提供了一个演示 如果解决了 它与我的演示非常相似actually想要解决 我看过这个 https stats stackexchange com questions 46626
  • TStringList 的 addObject 方法

    我想知道这个方法调用的作用 stringList addObject String Object 我也想知道这个属性是做什么的 stringList Objects i 添加时看起来像键 值对 但是在循环检索时检索到了什么 我还看到 ite
  • Tensorflow将LSTM的最终状态保存在dynamic_rnn中用于预测

    我想保存 LSTM 的最终状态 以便在恢复模型时将其包含在内并可用于预测 如下所述 当我使用时 保护程序仅了解最终状态tf assign 但是 这会引发错误 也将在下面解释 在训练期间 我总是将最终的 LSTM 状态反馈回网络 如中所述这个
  • Spring集成测试时如何mock Eureka?

    我正在 Spring Boot 中运行一个简单的 Junit 测试控制器 测试代码如下所示 RunWith SpringJUnit4ClassRunner class SpringApplicationConfiguration class
  • setEndTime 必须在 setStartTime 之后调用

    尝试使用 JMeter JMS Publisher 推送消息 但低于错误 这是jmeter端错误还是服务器端错误 Error setEndTime must be called after setStartTime java lang Th
  • 使用 Google App Engine 时需要解决哪些安全问题?

    我一直在考虑将 Google App Engine 用于一些业余爱好项目 虽然他们不会处理任何敏感数据 但出于多种原因 我仍然希望使它们相对安全 例如了解安全性 法律等 使用 Google App Engine 时需要解决哪些安全问题 它们
  • 手动修改参考类实例的类定义

    我知道这将是一个非常不可靠的黑客行为 但出于纯粹的兴趣 您需要手动更改什么 refClassDef如果已实例化的对象的引用类定义发生更改 并且您希望它 收到有关更新的通知 而不重新实例化它 则引用类对象的字段 毕竟 如果额外的方法被引入 但
  • 如何抑制有关 Sun 专有 API 的 java 编译器警告 [重复]

    这个问题在这里已经有答案了 我正在使用 sun misc BASE64Encoder 包中的encode 方法 如何抑制它生成的编译器警告 sun misc BASE64Encoder 是 Sun 专有 API 可能会在 作为后续 为什么我
  • 数组/数据存储选项

    我是 Android 新手 正在尝试开发我的第一个应用程序 在我的应用程序中 我有一个列出一组商店的列表视图活动 当应用程序用户 下载该应用程序的任何人 选择他们最喜欢的商店时 应将 1 添加到该商店计数中 在一年中的特定时间 我想按商店数
  • 当我使用computeIfAbsent计算斐波那契数时,hashmap size()返回错误的值

    我有以下代码 import java math BigInteger import java util HashMap import java util Map public class DynamicFib private static
  • 错误消息“运算符 '.'将方法转换为扩展方法时,无法应用于“lambda 表达式”类型的操作数?

    我有一个方法想要转换为扩展方法 public static string GetMemberName
  • String.replaceAll 比自己完成这项工作要慢得多

    我有一段旧代码 可以在字符串中执行查找和替换标记 它收到一张地图from and to对 迭代它们 对于每个对 迭代目标字符串 查找from using indexOf 并将其替换为to 它完成了所有工作StringBuffer最终返回一个
  • QueryDSL 条件排序依据

    我想翻译原生sql 例如 ORDER BY currency EUR DESC money DESC 进入查询DSL orderBy qItem currency eq EUR desc qItem money desc 然而它抛出 org
  • CMake - 安装第三方 dll 依赖项

    我正在使用一个预编译的第三方库 它有多个 DLL 一个用于实际的第三方 还有一些作为其自己的依赖项 我的目录结构如下 MyApp CMakeLists txt Root CMake file src MyCode cpp thirdpart
  • 如何在两个 WiX 项目中共享 WiX 片段?

    我们在 SomeDialog wxs 文件中有一个 WiX 片段 它提示用户输入一些信息 它在控制对话框顺序的 InstallerUI wxs 文件中的另一个片段中引用 当然 Product wxs是我们的主文件 效果很好 现在 我有第二个
  • 如何获取具有相同键值并以逗号分隔的对象

    我有一个对象数组 每个对象都有键和值 我希望如果对象具有相同的键 那么它们的值应该以逗号分隔相同键的所有值 我的html代码 p class item item id p