JS 计数之间的数字

Question

datasets: [
  { label: 'A', data: [82, 160, 10, 40, 179] },
  { label: 'B', data: [101, 180, 80, 85, 119] },
  { label: 'C', data: [124, 160, 99, 130, 43] },
  { label: 'D', data: [66, 153, 82, 81, 97] }
]

使 data 像这样的最佳（最短）方法是什么：

datasets: [
  { label: 'A', data: [
    {'fits': '180', 'counter': 0},
    {'fits': '160+', 'counter': 2}, //160, 179
    {'fits': '140+', 'counter': 0},
    {'fits': '120+', 'counter': 0},
    {'fits': '100+', 'counter': 0},
    {'fits': '80+', 'counter': 1}, //82
    {'fits': '60+', 'counter': 0},
  ]},
  { label: 'B', data: [
    {'fits': '180', 'counter': 1}, //180
    {'fits': '160+', 'counter': 0},
    {'fits': '140+', 'counter': 0},
    {'fits': '120+', 'counter': 0},
    {'fits': '100+', 'counter': 2}, //101,119
    {'fits': '80+', 'counter': 2}, //80,85
    {'fits': '60+', 'counter': 0},
  ]},
  { label: 'C', data: [
    {'fits': '180', 'counter': 0},
    {'fits': '160+', 'counter': 1}, //160
    {'fits': '140+', 'counter': 0},
    {'fits': '120+', 'counter': 2}, //124, 130
    {'fits': '100+', 'counter': 0},
    {'fits': '80+', 'counter': 1}, //99
    {'fits': '60+', 'counter': 0},
  ]},
  { label: 'D', data: [
    {'fits': '180', 'counter': 0},
    {'fits': '160+', 'counter': 0},
    {'fits': '140+', 'counter': 1}, //153
    {'fits': '120+', 'counter': 0},
    {'fits': '100+', 'counter': 0},
    {'fits': '80+', 'counter': 3}, //82,81,97
    {'fits': '60+', 'counter': 1}, //66
  ]}
]

Answer 1

const datasets = [
    { label: 'A', data: [82, 160, 10, 40, 179] },
    { label: 'B', data: [101, 180, 80, 85, 119] },
    { label: 'C', data: [124, 160, 99, 130, 43] },
    { label: 'D', data: [66, 153, 82, 81, 97] },
];

const handleDatasets = (datasets) => {
    const fits = [180, 160, 140, 120, 100, 80, 60];

    return datasets.map((set) => {
        return {
            ...set,
            data: fits.map((num, i) => {
                return {
                    fits: num,
                    counter: set.data.filter((dataNum) => (dataNum >= num && (fits[i - 1] ? dataNum < fits[i - 1] : true))).length,
                };
            }),
        };
    });
};

console.log(handleDatasets(datasets));

Answer 2

您可以简单地将它们全部向下舍入到最接近的增量 20 并将它们分组，最后映射到您的范围。

const input = [{ label: 'A', data: [82, 160, 10, 40, 179] }, { label: 'B', data: [101, 180, 80, 85, 119] }, { label: 'C', data: [124, 160, 99, 130, 43] }, { label: 'D', data: [66, 153, 82, 81, 97] }]

const fitArr = [180, 160, 140, 120, 100, 80, 60];
const result = input.map(({ data, ...rest }) => {
  const dataMap = data
    .reduce((a, d) => {
      const fit = ~~(d / 20) * 20;
      a[fit] = (a[fit] ?? 0) + 1;
      return a
    }, {});

  return {
    ...rest,
    data: fitArr.map(fits => ({ fits, count: dataMap[fits] ?? 0 }))
  }
});

console.log(result);

这种方法的好处是它很容易通用，这里接受范围的 increment 和 min 和 max 并返回您的预期输出。

function mapFitForRange(dataSets, { inc = 1, min = 0, max = 10 }) {
  const fitArr = [];
  for (let i=max; i>=min; i-=inc){
    fitArr.push(i);
  }

  return dataSets.map(({ data, ...rest }) => {
    const dataMap = data
      .reduce((a, d) => {
        const fit = ~~(d / inc) * inc;
        a[fit] = (a[fit] ?? 0) + 1;
        return a
      }, {});

    return {
      ...rest,
      data: fitArr.map(fits => ({ fits, count: dataMap[fits] ?? 0 }))
    }
  });
}

const input = [{ label: 'A', data: [82, 160, 10, 40, 179] }, { label: 'B', data: [101, 180, 80, 85, 119] }, { label: 'C', data: [124, 160, 99, 130, 43] }, { label: 'D', data: [66, 153, 82, 81, 97] }];

console.log(mapFitForRange(input, { inc: 20, min: 60, max: 180 }))

// or change the increment and range
console.log(mapFitForRange(input, { inc: 10, min: 0, max: 100 }))

.as-console-wrapper { max-height: 100% !important; top: 0; }
.as-console-row::after { display: none !important; }

JS 计数之间的数字

JS count numbers between

javascript

dataset

chart.js