问答

js for循环push新数组的key值相同问题

作者:admin 2021-05-05 我要评论

const data = [{ a: '123' }, { a: '123' },{ a: '000' }]const pushData = [{ b: '321', c: '322' }] 通过for循环把data里a的值作为新数组的key,接着把pushDat...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
const data = [{ a: '123' }, { a: '123' },{ a: '000' }]
const pushData = [{ b: '321', c: '322' }]

通过for循环把data里a的值作为新数组的key,接着把pushData中的数据作为值,但是当data里a的值都为相同时,新数组只能有一个“123”的key,输出如下↓

 const newData = [{ '123': [{ b: '321', c: '322' }] },
                  { '000': [{ b: '321', c: '322' }] }]

现在我需要的效果是,判断data里a的值是否相同,相同的话在后面哪一个加上"-1",然后再把pushData里的数据放进去。

理想效果↓

 const newData = [{ '123': [{ b: '321', c: '322' }] },
                  { '123-1': [{ b: '321', c: '322' }] },
                  { '000': [{ b: '321', c: '322' }] }]

我该怎么操作才能达到效果呢~..

感谢各位大神大哥的指导,先感谢你们的回答,小弟感激不尽,还请轻喷!

###

先说一下你问题的前半段,因为你没贴代码,并不清楚你是怎么做的,出现了当data里a的值都为相同时,新数组只能有一个“123”的key这样的情况。

通过for循环把data里a的值作为新数组的key,接着把pushData中的数据作为值 以下两种均可实现:

const data = [{ a: '123' }, { a: '123' },{ a: '000' }]
const pushData = [{ b: '321', c: '322' }]
const newData = data.map(p => {
        const label = p.a
        return {
          [label]: pushData
        }
      })

image

const data = [{ a: '123' }, { a: '123' },{ a: '000' }]
const pushData = [{ b: '321', c: '322' }]
const newData = []
      data.forEach(p => {
        const label = p.a
        newData.push({
          [label]: pushData
        })
      })

image
以上不知道满不满足你的需求。

然后你说的后半段:
判断data里a的值是否相同,相同的话在后面哪一个加上"-1",然后再把pushData里的数据放进去,楼上已经给出了很好的答案。

###
let data = [{ a: "123" }, { a: "123" }, { a: "123" }, { a: "000" }];
let pushData = [{ b: "321", c: "322" }];
let obj = {}
let res = data.map(item => {
    let key = item.a
    if(obj[item.a] !== undefined){
        obj[item.a] += 1
        key += '-' + obj[item.a]
    }else{
        obj[item.a] = 0
    }
   return {[key]: [...pushData]};
}, []);
console.log(res);
###
    const data = [{ a: "123" }, { a: "123" }, { a: "000" }];
    const pushData = [{ b: "321", c: "322" }];
    const res = data.reduce((a, b) => {
      return [...a, { [a.some(r => r[b.a]) ? `${b.a}-1` : b.a]: pushData }];
    }, []);
    console.log(res);
###
  const data = [{ a: "123" }, { a: "123" }, { a: "123" }, { a: "000" }];
  const pushData = [{ b: "321", c: "322" }];

  let obj = {};
  data.forEach((item, idx) => {
    if (obj[item.a] !== undefined) {
      obj[item.a] += 1;
    } else {
      obj[item.a] = 1;
    }
  });
  let result = [];
  for (let key in obj) {
    let count = obj[key];
    for (let i = 0; i < count; i++) {
      let name = i == 0 ? key : `${key}-${i}`;
      let item = {};
      item[name] = pushData;
      result.push(item);
    }
  }
  console.log(JSON.stringify(result));
###
const data = [{ a: "123" }, { a: "123" }, { a: "000" }];
const pushData = [{ b: "321", c: "322" }];
const res = data.reduce((acc, dataItem) => {
   const hasKey = acc.some(item => item[dataItem.a] !== undefined);
   const newKey = hasKey? `${dataItem.a}-1` : dataItem.a;
   return [...acc, {[newKey]: {...pushData}}];
}, []);
console.log(res);

如果有3个相同的a怎么处理?

###

要处理多于1个的重复可能,其实有一个取巧的方法,会占用一些空间。

const data = [{ a: "123" }, { a: "123" }, { a: "123" }, { a: "000" }];
const pushData = [{ b: "321", c: "322" }];
var outData=[];
let keys={};
let Ntmp={};
let mkey='';
for(let i=0;i<data.length;i++){
  Ntmp={};
  mkey='';
  if(keys[ data[i]['a'] ]!=undefined ){
    mkey=  data[i]['a']  + '-'+ keys[ data[i]['a'] ];
    keys[data[i]['a']]=keys[data[i]['a']]+1;
  }else{
    mkey =data[i]['a']; 
    keys[data[i]['a']]=1;
  }
  Ntmp[mkey]= pushData;
  outData.push(Ntmp);
}
console.log(keys);
console.log(outData);

这个对多于1个重复的a值会自动递增

###
var obj={},newArr=[];
data.map(res=>{
    for(let key in res){
        if(obj[res[key]] !=undefined){
            var newObj = { };
            newObj[[res[key]]+'-'+obj[res[key]]] = pushData
            newArr.push(newObj)
            obj[res[key]] = obj[res[key]]+1;
        }else{
            obj[res[key]] = 1;
            var newObj = {};
            newObj[[res[key]]] = pushData
                newArr.push(newObj)
            }
        }
},[]);
console.info(newArr);

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • js for循环push新数组的key值相同问题

    js for循环push新数组的key值相同问题

  • 在vue-router里向本地服务器发出post请

    在vue-router里向本地服务器发出post请

  • docker 运行laravel,nginx这样配置为

    docker 运行laravel,nginx这样配置为

  • laravel 分组后如何限制bookCode的数量

    laravel 分组后如何限制bookCode的数量

腾讯云代理商
海外云服务器