data-attrs-to-js

Parse your data attributes as JavaScript objects.

Usage

<div id="dataz"
  data-user-name="John"
  data-user-id="9"
  data-browser="ie6"
  data-awesome-colors.red="#ff0000">
</div>

var tojs = require('data-attrs-to-js');
var elem = document.querySelector('dataz');

console.log(tojs(elem));

// {
//   browser: 'ie6',
//   user: {
//     id: '9',
//     name: 'John'
//   },
//   awesome: {
//     'colors.red': '#ff0000'
//   }
// }

console.log( 
  tojs(elem, {
    pattern: /^user/
  })
);

// {
//   user: {
//     id: '9',
//     name: 'John'
//   }
// }

console.log( 
  tojs(elem, {
    separator: '.'
  })
);

// {
//   'user-name': 'John',
//   'user-id': '9',
//   browser: 'ie6',
//   'awesome-colors': {
//     red: '#ff0000'
//   }
// }