［JS］ある長さをN等分し、いい感じに要素を配置したいときの考え方

ある長さの直線xをn等分する。 そして、n1, n2, n3...が均等に配置されるようにしたい。

let arr = ['n1', 'n2', 'n3', 'n4']
let width = 400
let n = arr.length

arr.forEach((_, i)=> {
// i は0から始まるので + 1する
//  console.log( ( i + 1 )* (width / n) - (width / n) / 2 )
// 展開すると
  console.log( ( i + 1/2 ) * (width / n) )
})

結果

50
150
250
350