Existe uma maneira de verificar se existe um atributo de dados?

Existe alguma maneira de executar o seguinte:

var data = $("#dataTable").data('timer');
var diffs = [];

for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));

Somente se houver um atributo chamado timer de dados no elemento com um ID de #dataTable?

if ($("#dataTable").data('timer')) {
  ...
}

NOTA: isso retornará apenas truese o atributo de dados não for uma string vazia ou um valor "falsey", por exemplo, 0ou false.

Se você deseja verificar a existência do atributo de dados, mesmo que vazio, faça o seguinte:

if (typeof $("#dataTable").data('timer') !== 'undefined') {
  ...
}

if (typeof $("#dataTable").data('timer') !== 'undefined')
{
    // your code here
}

No interesse de fornecer uma resposta diferente das acima; você pode verificá-lo Object.hasOwnProperty(...)assim:

 if( $("#dataTable").data().hasOwnProperty("timer") ){
     // the data-time property exists, now do you business! .....
 }

Como alternativa, se você tiver vários elementos de dados que deseja iterar, poderá variar o .data()objeto e iterá -lo da seguinte maneira:

 var objData = $("#dataTable").data();
 for ( data in objData ){
      if( data == 'timer' ){
            //...do the do
      }
 }

Não dizendo que esta solução é melhor do que qualquer uma das outras aqui, mas pelo menos é outra abordagem ...

Ou combine com um pouco de baunilha JS

if ($("#dataTable").get(0).hasAttribute("data-timer")) {
  ...
}

Você pode usar o método hasData do jQuery.

http://api.jquery.com/jQuery.hasData/

A principal vantagem do jQuery.hasData (elemento) é que ele não cria e associa um objeto de dados ao elemento, se nenhum existir atualmente. Por outro lado, jQuery.data (elemento) sempre retorna um objeto de dados para o chamador, criando um se nenhum objeto de dados existia anteriormente.

Isso só verificará a existência de quaisquer objetos de dados (ou eventos) no seu elemento, não será possível confirmar se ele possui especificamente um objeto "timer".

Se você deseja distinguir entre valores vazios e valores ausentes, é possível usar o jQuery para verificar dessa maneira.

<div id="element" data-foo="bar" data-empty=""></div>

<script>
"foo" in $('#element').data(); // true
"empty" in $('#element').data(); // true
"other" in $('#element').data(); // false
</script>

Então, a partir da pergunta original, você faria isso.

if("timer" in $("#dataTable").data()) {
  // code
}

Você pode criar um plugin jQuery extremamente simples para consultar um elemento para isso:

$.fn.hasData = function(key) {
  return (typeof $(this).data(key) != 'undefined');
};

Então você pode simplesmente usar $("#dataTable").hasData('timer')

Pegadinhas:

• Retornará falseapenas se o valor não existir (é undefined); Se ele é definido como false/ nullele hasData()ainda vai voltar true.
• É diferente do interno, $.hasData()que apenas verifica se algum dado no elemento está definido.

Descobri que isso funciona melhor com elementos de dados definidos dinamicamente:

if ($("#myelement").data('myfield')) {
  ...
}

Todas as respostas aqui usam a biblioteca jQuery.

Mas o javascript de baunilha é muito direto.

Se você quiser executar um script somente se o elemento com um idde #dataTable também tem um data-timeratributo, em seguida, as etapas são as seguintes:

// Locate the element

const myElement = document.getElementById('dataTable');

// Run conditional code

if (myElement.dataset.hasOwnProperty('timer')) {

  [... CODE HERE...]

}

Esta é a solução mais fácil na minha opinião é selecionar todo o elemento que possui determinado atributo de dados:

var data = $("#dataTable[data-timer]");
var diffs = [];

for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));

Aqui está a captura de tela de como funciona.

Resposta errada - veja EDITAR no final

Deixe-me aproveitar a resposta de Alex.

Para impedir a criação de um objeto de dados, se ele não existir, seria melhor:

$.fn.hasData = function(key) {
    var $this = $(this);
    return $.hasData($this) && typeof $this.data(key) !== 'undefined';
};

Então, onde $thisnão há objeto de dados criado, $.hasDataretorna falsee ele não será executado $this.data(key).

EDIT: função $.hasData(element)funciona apenas se os dados foram definidos usando $.data(element, key, value), não element.data(key, value). Por isso, minha resposta não está correta.

Eu precisava de um booleano simples para trabalhar. Como não é definido como não está presente e não é falso, eu uso o !!para converter em booleano:

var hasTimer = !!$("#dataTable").data('timer');
if( hasTimer ){ /* ....... */ }

Uma solução alternativa seria usar o filtro:

if( $("#dataTable").filter('[data-timer]').length!==0) { /* ....... */ }

var data = $("#dataTable").data('timer');
var diffs = [];

if( data.length > 0 ) {
for(var i = 0; i + 1 < data.length; i++) {
    diffs[i] = data[i + 1] - data[i];
}

alert(diffs.join(', '));
}

Você pode verificar pela seleção de atributo css com

if ($('#dataTable').is('[data-timer]')) {
   // data-timer attribute exists
}

E sobre:

if ($('#dataTable[data-timer]').length > 0) {
    // logic here
}