Как сделать код динамическим в JavaScript

Question

У меня есть небольшой кусочек кода, и мне нужно сделать его динамичным.Я хочу увеличить ширину и высоту кода при увеличении длины наборов.

venn-example.js

if (sets.length >= 0 && sets.length <=24){

    var chart = venn.VennDiagram().width(500).height(500);
}

 else if (sets.length >=25 && sets.length<=50){

    var chart = venn.VennDiagram().width(1000).height(800);
  }
else if (sets.length <=51 && sets.length >=100){

    var chart = venn.VennDiagram().width(1300).height(1300);
}
else if (sets.length <=101 && sets.length<=150){

    var chart = venn.VennDiagram().width(1500).height(1600);
}
else if (sets.length <=151 && sets.length >=250){

    var chart = venn.VennDiagram().width(1700).height(1900);
}

Answer 1

Создайте массив массивов (или массив объектов), каждый элемент которого содержит меньший предел, больший предел и соответствующие width и height, которые вы хотите.Например:

const lengthWidthHeights = [
  // min, max, width, height
  [0, 24, 500, 500],
  [25, 50, 1000, 800],
  [51, 100, 1300, 1300],
  [101, 150, 1500, 1600],
  [151, 250, 1700, 1900]
];
const { length } = sets;
let chart;
const foundItem = lengthWidthHeights.find(([min, max]) => length >= min && length <= max);
if (foundItem) {
  const [,,width, height] = foundItem;
  chart = venn.VennDiagram().width(width).height(height);
}

Затем, чтобы внести изменения, все, что вам нужно сделать, это изменить элементы массива.