javascript - 获取唯一的数据属性值并从中创建键值数组？

Question

我在页面上有许多数据属性，它们将具有不同的值，但这些值会重复，例如:

<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Mid-35]"></div>
<div data-user-val="[Adult-Mid-35]"></div>
<div data-user-val="[Adult-Old-75]"></div>

我想循环并获取每个唯一值('[Adult-Young-25]'、'[Adult-Mid-35]'、'[Adult-Old-75]')并将它们拆分以传递作为键值对的数组，例如:

var array = {"Adult Young": "25", "Adult Mid": "35", "Adult Old": "75"};

我正在努力 1. 获取每个重复数据值的一个实例，2. “拆分”该值以映射为键值对。

Answer 1

var obj = {};

$('div').each(function(){
  var data_attrivute_value = $(this).data('user-val');
  data_attrivute_value = data_attrivute_value.substring(1,data_attrivute_value.lastIndexOf("]"));
  var exploded_string = data_attrivute_value.split('-');
  obj[exploded_string[0]+' '+exploded_string[1]] = exploded_string[2];
});

console.log(obj);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Young-25]"></div>
<div data-user-val="[Adult-Mid-35]"></div>
<div data-user-val="[Adult-Mid-35]"></div>
<div data-user-val="[Adult-Old-75]"></div>