swiperを複数使うときに繰り返しを使いたい

Question

swiper.jsを利用しスライダーを作成しているのですが
https://swiperjs.com/
同じページに複数のスライダーを設置する場合

var mySwiper = new Swiper('.swiper-container1', {
  loop: true,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false
  },
  slidesPerView: 1,
  spaceBetween: 10,
  centeredSlides: true,
  pagination: {
    el: '.swiper-pagination1',
  }
});
var mySwiper = new Swiper('.swiper-container2', {
  loop: true,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false
  },
  slidesPerView: 1,
  spaceBetween: 10,
  centeredSlides: true,
  pagination: {
    el: '.swiper-pagination2',
  }
});
var mySwiper = new Swiper('.swiper-container3', {
  loop: true,
  autoplay: {
    delay: 5000,
    disableOnInteraction: false
  },
  slidesPerView: 1,
  spaceBetween: 10,
  centeredSlides: true,
  pagination: {
    el: '.swiper-pagination3',
  }
});

のように同じことを何度も繰り返しかいて利用していました。

２〜３つくらいまではこのような方法でもいいのですが、
もっと増えてくると面倒です。

繰り返し処理を作成しようと思い下記のようにしましたが反応せず

for( var i = 0; i < 5; i++ ) {
  var mySwiper = new Swiper('.gate-swiper[i]', {
    loop: true,
    autoplay: {
      delay: 5000,
      disableOnInteraction: false
    },
    slidesPerView: 1,
    spaceBetween: 10,
    centeredSlides: true,
    pagination: {
      el: '.sp-num[i]',
    }
  });
}

そもそもswiperには繰り返し処理がつかえないのか、書き方が間違っているのかわからないので
アドバイスがほしいです。
よろしくお願いします。

Comments

[kyoya0819]

どうでもいいですけどiを0から始めちゃっていいんですか？

[ttkun]

1から6ですかね？

[kyoya0819]

なのでi=1 i<7かi=0 i<=6にしたほうが良いのでは？

[kyoya0819]

ちなみに回答したように記述を変更するとどうなります？

[ttkun]

とくにエラーもなくいけました。

[kyoya0819]

iの書き方が配列チックになっていることが原因だと思います。

Answer 1

ここ参考になりませんか？

少なくとも書き方が違います。

for( var i = 0; i < 5; i++ ) {
  var mySwiper = new Swiper('.gate-swiper' + i, {
    loop: true,
    autoplay: {
      delay: 5000,
      disableOnInteraction: false
    },
    slidesPerView: 1,
    spaceBetween: 10,
    centeredSlides: true,
    pagination: {
      el: '.sp-num' + i,
    }
  });
}