创建一个可以作为JS滑动器参数

时间:2018-09-03 09:25:04

标签: javascript arrays object variables 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);

什么是最好的方法? (性能很重要)

1 个答案:

答案 0 :(得分:0)

尽管如此,还是找到了一种方法。 这是一个代码段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" }