Bir veri özelliğinin var olup olmadığını kontrol etmenin bir yolu var mı?

Aşağıdaki çalıştırmak için bir yolu var mı:

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

Yalnızca #dataTable kimliğine sahip öğede veri zamanlayıcısı adı verilen bir özellik varsa?

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

Bu sadece getiri NOT trueveri özellik boş dize veya "Falsey" değeri, ör değilse 0veya false.

Veri özelliğinin var olup olmadığını kontrol etmek istiyorsanız, boş da olsa bunu yapın:

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

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

Yukarıdakilerden farklı bir cevap vermek amacıyla; şöyle kontrol edebilirsiniz Object.hasOwnProperty(...):

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

alternatif olarak, üzerinde yinelemek istediğiniz birden fazla veri öğeniz varsa, .data()nesneyi değişkenleştirebilir ve bunun üzerinde yineleyebilirsiniz:

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

Bu çözümün buradakinden daha iyi olduğunu söylememek, ama en azından başka bir yaklaşım ...

Veya bazı vanilya JS ile birleştirin

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

JQuery'nin hasData yöntemini kullanabilirsiniz.

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

JQuery.hasData (element) 'in birincil avantajı, şu anda mevcut değilse, bir veri nesnesi oluşturmaması ve öğeyle ilişkilendirmemesidir. Buna karşılık, jQuery.data (element) her zaman bir veri nesnesini arayana döndürerek daha önce veri nesnesi yoksa bir nesne oluşturur.

Bu, yalnızca öğenizdeki veri nesnelerinin (veya olayların) varlığını kontrol eder, özellikle bir "zamanlayıcı" nesnesi olup olmadığını doğrulayamaz.

Boş değerler ile eksik değerler arasında ayrım yapmak istiyorsanız, jQuery'yi kullanarak bunu kontrol edebilirsiniz.

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

Yani asıl sorudan bunu yapardın.

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

Bunun için bir öğeyi sorgulamak için son derece basit bir jQuery-eklentisi oluşturabilirsiniz:

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

Sonra sadece kullanabilirsiniz $("#dataTable").hasData('timer')

Sorunlar:

• falseSadece değer yoksa döner (is undefined); o ayarlı eğer false/ nullo hasData()dönüş hala olacaktrue .
• $.hasData()Yalnızca öğedeki herhangi bir verinin ayarlanıp ayarlanmadığını kontrol eden yerleşikten farklıdır .

Bunun dinamik olarak ayarlanmış veri öğeleriyle daha iyi çalıştığını gördüm:

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

Buradaki tüm cevaplar jQuery kütüphanesini kullanır.

Ancak vanilya javascript çok basittir.

Bir ile eleman yalnızca bir komut dosyası çalıştırmak istiyorsanız idarasında #dataTable da bir sahiptir data-timerniteliğini, daha sonra adımlar aşağıdaki gibi şunlardır:

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

Bence en kolay çözüm, belirli veri özniteliğine sahip tüm öğeleri seçmektir:

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

İşte nasıl çalıştığının ekran görüntüsü.

Yanlış cevap - sondaki EDIT'e bakın

Alex'in cevabı üzerine inşa edeyim.

Bir veri nesnesinin mevcut olmaması durumunda oluşturulmasını önlemek için, daha iyi yaparım:

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

Sonra, $thishiçbir veri nesnesi oluşturulmamışsa, $.hasDatageri döner falseve yürütülmez $this.data(key).

EDIT: işlev $.hasData(element)yalnızca veriler kullanılarak ayarlandıysa çalışır $.data(element, key, value), değil element.data(key, value). Bu nedenle cevabım doğru değil.

Çalışmak için basit bir boole ihtiyacım vardı. Mevcut değil ve yanlış değil tanımsız olduğundan, !!boolean dönüştürmek için kullanın :

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

Alternatif bir çözüm filtre kullanmak olacaktır:

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

İle css özellik seçimine göre kontrol edebilirsiniz.

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

Ve ne hakkında:

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