データ属性が存在するかどうかを確認する方法はありますか？

以下を実行できる方法はありますか？

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

#dataTableのIDを持つ要素にdata-timerという属性がある場合のみ？

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

NOTEこのリターンだけtrueのデータ属性が空の文字列または「falsey」の値などはない場合0やfalse。

空であっても、data属性の存在を確認する場合は、次のようにします。

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

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

上記とは異なる回答を提供するため。あなたはObject.hasOwnProperty(...)このようにそれをチェックすることができます：

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

あるいは、反復したいデータ要素が複数ある場合は、.data()オブジェクトを可変化して次のように反復できます。

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

このソリューションはここにある他のどのソリューションよりも優れているとは言えませんが、少なくとも別のアプローチです...

またはバニラJSと組み合わせる

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

jQueryのhasDataメソッドを使用できます。

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

jQuery.hasData（element）の主な利点は、現在存在しない場合にデータオブジェクトを作成して要素に関連付けないことです。対照的に、jQuery.data（element）は常にデータオブジェクトを呼び出し元に返し、以前にデータオブジェクトが存在していなかった場合は作成します。

これは、要素にデータオブジェクト（またはイベント）が存在するかどうかを確認するだけで、「タイマー」オブジェクトがあるかどうかを確認することはできません。

空の値と欠損値を区別したい場合は、jQueryを使用して次のようにチェックできます。

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

ですから、元の質問からこれを行うでしょう。

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

非常に単純なjQueryプラグインを作成して、これについて要素をクエリできます。

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

その後、単純に使用できます $("#dataTable").hasData('timer')

落とし穴：

• false値が存在しない（is undefined）場合にのみ戻ります。false/ nullに設定されている場合、hasData()それでも戻りtrueます。
• これは、内蔵の異なるい$.hasData()ただけのチェックがあれば任意の要素上のデータが設定されています。

これは動的に設定されたデータ要素でよりうまく機能することがわかりました：

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

ここでのすべての回答はjQueryライブラリを使用しています。

しかし、バニラJavaScriptは非常に単純です。

idof の要素に#dataTable もdata-timer属性がある場合にのみスクリプトを実行する場合、手順は次のとおりです。

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

これは私の意見では最も簡単な解決策であり、特定のデータ属性を持つすべての要素を選択することです：

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

これがどのように機能するかのスクリーンショットです。

間違った答え-最後にあるEDITを参照してください

アレックスの答えを基にしてみましょう。

データオブジェクトが存在しない場合に作成されないようにするには、次のようにします。

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

次に、$thisデータオブジェクトが作成されていない場所に$.hasData戻りfalse、は実行されません$this.data(key)。

編集：関数$.hasData(element)は、データが$.data(element, key, value)ではなくを使用して設定された場合にのみ機能しますelement.data(key, value)。そのため、私の答えは正しくありません。

使用する単純なブール値が必要でした。存在せず、偽でもないので、!!ブール値に変換するためにを使用します。

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

別の解決策はフィルターを使用することです：

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

あなたはCSS属性選択でチェックできます

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

そして何について：

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