¿Hay alguna forma de verificar si existe un atributo de datos?

¿Hay alguna manera de que pueda ejecutar lo siguiente:

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(', '));

¿Solo si hay un atributo llamado data-timer en el elemento con un id de #dataTable?

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

NOTA: esto solo se devuelve truesi el atributo de datos no es una cadena vacía o un valor "falsey", por ejemplo, 0o false.

Si desea verificar la existencia del atributo de datos, incluso si está vacío, haga lo siguiente:

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

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

En el interés de proporcionar una respuesta diferente de las anteriores; podrías verificarlo Object.hasOwnProperty(...)así:

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

alternativamente, si tiene múltiples elementos de datos sobre los que desea iterar, puede hacer una variablización del .data()objeto e iterar sobre él de esta manera:

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

No digo que esta solución sea mejor que ninguna de las otras aquí, pero al menos es otro enfoque ...

O combinar con un poco de vainilla JS

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

Puede usar el método hasData de jQuery.

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

La principal ventaja de jQuery.hasData (elemento) es que no crea y asocia un objeto de datos con el elemento si actualmente no existe ninguno. Por el contrario, jQuery.data (elemento) siempre devuelve un objeto de datos a la persona que llama, creando uno si no existía previamente ningún objeto de datos.

Esto solo verificará la existencia de objetos de datos (o eventos) en su elemento, no podrá confirmar si tiene específicamente un objeto "temporizador".

Si desea distinguir entre valores vacíos y valores perdidos, puede usar jQuery para verificar de esta manera.

<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>

Entonces, de la pregunta original, harías esto.

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

Puede crear un complemento jQuery extremadamente simple para consultar un elemento para esto:

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

Entonces puedes simplemente usar $("#dataTable").hasData('timer')

Gotchas:

• falseSolo se devolverá si el valor no existe (es undefined); si está configurado en false/ null, hasData()seguirá regresando true.
• Es diferente del incorporado $.hasData()que solo comprueba si se ha establecido algún dato en el elemento.

He descubierto que esto funciona mejor con elementos de datos establecidos dinámicamente:

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

Todas las respuestas aquí usan la biblioteca jQuery.

Pero el Javascript de vainilla es muy sencillo.

Si desea ejecutar un script solo si el elemento con un idde #dataTable también tiene un data-timeratributo, los pasos son los siguientes:

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

Esta es la solución más fácil en mi opinión es seleccionar todo el elemento que tiene cierto atributo de datos:

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(', '));

Aquí está la captura de pantalla de cómo funciona.

Respuesta incorrecta: vea EDITAR al final

Déjame construir sobre la respuesta de Alex.

Para evitar la creación de un objeto de datos si no existe, mejor lo hago:

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

Luego, donde $thisno se ha creado ningún objeto de datos, $.hasDataregresa falsey no se ejecutará$this.data(key) .

EDITAR: la función $.hasData(element)solo funciona si los datos se configuraron usando $.data(element, key, value), no element.data(key, value). Debido a eso, mi respuesta no es correcta.

Necesitaba un booleano simple para trabajar. Debido a que no está definido como no presente y no es falso, uso el !!para convertir a booleano:

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

Una solución alternativa sería usar 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(', '));
}

Puede verificar por selección de atributo css con

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

Y que hay con:

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