如何从JavaScript对象中提取指定字符串值？

看起来你是想从滑块组件的返回值里，拿到186, 2017这样的纯字符串，而不是带对象结构的JSON。咱们一步步来调整你的代码：

首先，先明确滑块的返回值类型：因为你在formatter里判断了value instanceof Array，说明范围滑块返回的是一个数组（比如[186, 2017]），而不是字符串。你之前的split(', ')其实是多此一举，反而把原本的数值（或字符串数组）处理错了。

直接获取并格式化目标字符串 #

修改你的getData函数，直接提取滑块的原始值，再转成你想要的格式：

getData = function() {
  // 获取滑块的原始值，范围滑块返回数组，单值返回单个值
  const sliderValue = $('#years').slider().val();
  
  // 把值转成 "186, 2017" 格式的字符串
  const targetString = Array.isArray(sliderValue) 
    ? sliderValue.join(', ') 
    : sliderValue.toString();
  
  console.log(targetString); // 这里就会输出你想要的 "186, 2017"

  // 如果仍然需要生成包含years的对象，也可以这样写
  const data = {
    years: Array.isArray(sliderValue) ? sliderValue : [sliderValue]
  };
  // 从data对象里提取字符串的话，用下面这行
  console.log(data.years.join(', '));
}

为什么之前的方法没生效？ #

你之前用JSON.stringify(data)是把整个{years: [...]}对象转成JSON格式的字符串，所以输出会带对象的结构（比如{"years":["186","2017"]}）。而你真正需要的是取出对象里的years数组，再用join(', ')把数组元素拼接成带空格的逗号分隔字符串。

另外，你的formatter函数里其实已经用到了正确的数组拼接逻辑，完全可以把这个逻辑复用在getData里，保持代码一致性~

内容的提问来源于stack exchange，提问作者rob.m