使用JavaScript来打乱数组、排序、分组,并为每个对象添加一个数字排序。

// 原始数组
const items = [
  { name: 'apple', type: 'fruit' },
  { name: 'carrot', type: 'vegetable' },
  { name: 'banana', type: 'fruit' },
  { name: 'cucumber', type: 'vegetable' },
  { name: 'orange', type: 'fruit' },
];

// 打乱数组
function shuffleArray(array) {
  for (let i = array.length - 1; i > 0; i--) {
    const j = Math.floor(Math.random() * (i + 1));
    [array[i], array[j]] = [array[j], array[i]]; // 数组解构赋值,实现交换
  }
  return array;
}

// 根据类型分组
function groupByType(array) {
  const grouped = {};
  array.forEach((item) => {
    if (!grouped[item.type]) {
      grouped[item.type] = [];
    }
    grouped[item.type].push(item);
  });
  return grouped;
}

// 为每个对象添加一个数字排序
function addSortNumber(grouped) {
  for (const type in grouped) {
    grouped[type].sort((a, b) => {
      return a.name.localeCompare(b.name); // 按名称排序
    });
    for (let i = 0; i < grouped[type].length; i++) {
      grouped[type][i].sortNumber = i + 1; // 添加排序数字
    }
  }
  return grouped;
}

// 执行所有操作
const shuffledItems = shuffleArray(items);
const groupedItems = groupByType(shuffledItems);
const finalItems = addSortNumber(groupedItems);

// 输出结果
console.log(finalItems);

这段代码首先定义了一个原始数组items,然后通过shuffleArray函数打乱数组顺序。接着,使用groupByType函数根据对象的type属性对数组进行分组。最后,addSortNumber函数为每个分组中的对象添加一个从1开始的数字排序。

请注意,根据你的具体需求,你可能需要调整排序的逻辑或者添加其他的功能。上述代码中的排序是按照对象的名称进行字典序排序的,你可以根据实际情况选择合适的排序方式。

如果排序是按照所有数据从1到最大方法如下:

      addSortNumber(grouped) {
        console.log('groupedgrouped', grouped)
        for (let type in grouped) {
          grouped[type].sort((a, b) => {
            return a.name.localeCompare(b.name); // 按名称排序
          });
          // 分类的单个排序
          // for (let i = 0; i < grouped[type ].length; i++) {
          //   grouped[type ][i].sortNumber = i + 1; // 添加排序数字
          // }
          // 所有题目排序
          let index = 1;
          Object.values(grouped).map(group => {
            group.forEach(item => {
              item.sortNumber= index++; // 假设我们使用索引作为排序字段
            });
          });
        }
        return grouped;
      },

返回一个新数组,该数组包含每个类型的 children 及其对应的 type。

function transformObjectToArray(obj) {
  const result = [];

  for (const type in obj) {
    if (obj.hasOwnProperty(type)) {
      const children = obj[type];
      const item = { type };
      item.children = children.map(child => ({ ...child, type })); // 复制child对象并包含type属性
      result.push(item);
    }
  }

  return result;
}

const a = {
  "vegetable": [
    {
      "name": "carrot",
      "type": "vegetable",
      "sortNumber": 1
    },
    {
      "name": "cucumber",
      "type": "vegetable",
      "sortNumber": 2
    }
  ],
  "fruit": [
    {
      "name": "apple",
      "type": "fruit",
      "sortNumber": 1
    },
    {
      "name": "banana",
      "type": "fruit",
      "sortNumber": 2
    },
    {
      "name": "orange",
      "type": "fruit",
      "sortNumber": 3
    }
  ]
};

const transformedArray = transformObjectToArray(a);
console.log(transformedArray);

这个函数遍历原始对象的所有属性,对于每个属性(例如 “vegetable” 或 “fruit”),它创建一个新对象,该对象包含 type 属性,并将原始属性数组中的每个元素映射到一个新对象,这个新对象是原始对象的浅拷贝,并包含 type 属性。然后,这个新对象被添加到结果数组中。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值