建立動態的Javascript對象爲noUiSlider

Question

我想建立一個對象爲我的noUiSlider範圍屬性動態JavaScript。創建基於步長的範圍滑塊需要一個min和一個max值，其間的所有值應該是項目總值的百分比。下面的例子將產生一系列滑塊與3個步驟，1,5，和10

range: { 
    'min': 1, 
    '50%': 5, 
    'max': 10 
} 

我的數據來自於如下：

[ 
    {width: "1"}, 
    {width: "1.5"}, 
    {width: "2"}, 
    {width: "3"}, 
    {width: "4"} 
] 

這個陣列可以是任何數量的widths。使用我的傳入數據，我需要將其格式化爲我的範圍滑塊接受的對象。一些與此類似：

{      { 
    'min': 1,    'min': 1, 
    '25%': 1.5,    '16.66%': 1.5, 
    '50%': 2,  OR  '33.32%': 2, 
    '75%': 3,    '49.97%': 3, 
    'max': 4    '66.66%': 4, 
}       '83.32%': 5, 
          'max': 6 
         } 

的key值必須包含一個min值作爲第一項和max值作爲最後一個項目。其餘的鍵必須根據寬度數組中的項目數以百分比計算，並且值將爲數組的值width。

我試圖創建一個與下面的代碼obj的，但不知道如何在第一和最後的鍵值設置爲min和max

function toObject(arr) { 
    var obj = {}; 
    for (var i = 0; i < arr.length; ++i) 
     if (arr[i] !== undefined) obj[i*10] = arr[i]; 
    return obj; 
} 

Answer 1

有關檢查剩餘的元素，你遍歷什麼：

function toObject(arr) { 
    var obj = {}; 
    for (var i = 0; i < arr.length; ++i) { 
     var remaining = arr.length - i; 
     if (arr[i] !== undefined) { 
      if (remaining == arr.length) { 
       obj['min'] = arr[i].width; 
      } 
      else if (remaining === 1) { 
       obj['max'] = arr[i].width; 
      } 
      else { 
       obj[(i*10).toString()] = arr[i].width; 
      } 
     } 
    } 
    return obj; 
} 

從控制檯的測試：

>var a = [ 
    {width: "1"}, 
    {width: "1.5"}, 
    {width: "2"}, 
    {width: "3"}, 
    {width: "4"} 
]; 
> 
>toObject(a) 
{10: "1.5", 20: "2", 30: "3", min: "1", max: "4"}