创建一个可以作为参数传递给 swiper JS 的对象答案

【问题标题】：Creating an object that could be passed in as parameters for swiper JS创建一个可以作为参数传递给 swiper JS 的对象
【发布时间】：2018-09-03 09:25:04
【问题描述】：

我正在尝试根据用户输入创建一个 swiper 实例，例如：

用户输入一个字符串：

swiper-direction-horizontal swiper-effect-slide swiper-speed-300

或类似的东西。

然后使用 javascript/jquery 我可以获取该字符串并将其转换为变量并使用它来创建 swiper：

var swiperParams = {direction: horizontal, effect: slide, speed: 300}
var mySwiper = new Swiper('.swiper-container', swiperParams);

最好的方法是什么？（性能很重要）

【问题讨论】：

"或类似的东西。"答案真的取决于这个。因此，根据输入，肯定会有更好的解决方案。 :)

标签： javascript arrays object variables swiper

【解决方案1】：

找到了一种方法，不过还是谢谢。这是一个代码sn-p https://jsfiddle.net/z5pgarnq/10/，如果有人有更好的解决方案，我会感谢分享。

var input = 'swiper-direction-horizontal swiper-speed-300 swiper-loop-true';
var array = input.split(' ');
var params = {};
var value = '';
for (i = array.length - 1; i >= 0; i--) {
  if (!array[i].indexOf('swiper')) {
    value = array[i].split('-')[2];
    if ($.isNumeric(value)) {
      value = parseInt(value, 10);
    } else if (value === 'true') {
      value = (value === 'true');
    }
    params[array[i].split('-')[1]] = value;
  }
}
console.log(params);
//console:
//Object { loop: true, speed: 300, direction: "horizontal" }

【讨论】：