Có cách nào để tôi có thể kiểm tra nếu một thuộc tính dữ liệu tồn tại không?

Có cách nào để tôi có thể chạy như sau:

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

Chỉ khi có một thuộc tính được gọi là bộ đếm thời gian dữ liệu trên phần tử có id là #dataTable?

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

LƯU Ý điều này chỉ trả về truenếu thuộc tính dữ liệu không phải là chuỗi rỗng hoặc giá trị "falsey", vd 0hoặc false.

Nếu bạn muốn kiểm tra sự tồn tại của thuộc tính dữ liệu, ngay cả khi trống, hãy làm điều này:

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

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

Vì lợi ích của việc cung cấp một câu trả lời khác với những câu hỏi trên; bạn có thể kiểm tra nó Object.hasOwnProperty(...)như thế này:

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

cách khác, nếu bạn có nhiều yếu tố dữ liệu bạn muốn lặp đi lặp lại, bạn có thể biến đổi .data()đối tượng và lặp lại nó như thế này:

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

Không nói giải pháp này tốt hơn bất kỳ giải pháp nào khác ở đây, nhưng ít nhất đó là một cách tiếp cận khác ...

Hoặc kết hợp với một số vanilla JS

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

Bạn có thể sử dụng phương thức hasData của jQuery.

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

Ưu điểm chính của jQuery.hasData (phần tử) là nó không tạo và liên kết một đối tượng dữ liệu với phần tử nếu không tồn tại. Ngược lại, jQuery.data (phần tử) luôn trả về một đối tượng dữ liệu cho người gọi, tạo một đối tượng nếu không có đối tượng dữ liệu nào tồn tại trước đó.

Điều này sẽ chỉ kiểm tra sự tồn tại của bất kỳ đối tượng dữ liệu (hoặc sự kiện) nào trên phần tử của bạn, nó sẽ không thể xác nhận nếu nó đặc biệt có đối tượng "hẹn giờ".

Nếu bạn muốn phân biệt giữa các giá trị trống và giá trị còn thiếu, bạn có thể sử dụng jQuery để kiểm tra như thế này.

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

Vì vậy, từ câu hỏi ban đầu bạn sẽ làm điều này.

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

Bạn có thể tạo một plugin jQuery cực kỳ đơn giản để truy vấn một yếu tố cho việc này:

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

Sau đó, bạn có thể chỉ cần sử dụng $("#dataTable").hasData('timer')

Gotchas:

• Sẽ falsechỉ trả về nếu giá trị không tồn tại (is undefined); nếu nó được đặt thành false/ nullnó hasData()vẫn sẽ quay trở lại true.
• Nó khác với tích hợp $.hasData()chỉ kiểm tra xem có dữ liệu nào trên phần tử được đặt không.

Tôi đã tìm thấy điều này hoạt động tốt hơn với các yếu tố dữ liệu được thiết lập động:

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

Tất cả các câu trả lời ở đây sử dụng thư viện jQuery.

Nhưng javascript vanilla rất đơn giản.

Nếu bạn muốn chạy một kịch bản duy nhất nếu phần tử có một idsố #dataTable cũng có một data-timerthuộc tính, sau đó các bước như sau:

// Locate the element

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

// Run conditional code

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

  [... CODE HERE...]

}

Theo tôi, đây là giải pháp đơn giản nhất là chọn tất cả các yếu tố có thuộc tính dữ liệu nhất định:

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

Dưới đây là ảnh chụp màn hình về cách thức hoạt động của nó.

Câu trả lời sai - xem EDIT ở cuối

Hãy để tôi xây dựng dựa trên câu trả lời của Alex.

Để ngăn chặn việc tạo đối tượng dữ liệu nếu nó không tồn tại, tôi nên làm:

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

Sau đó, nơi $thiskhông có đối tượng dữ liệu được tạo, $.hasDatatrả về falsevà nó sẽ không thực thi $this.data(key).

EDIT: chức năng $.hasData(element)chỉ hoạt động nếu dữ liệu được đặt bằng cách sử dụng $.data(element, key, value), không element.data(key, value). Do đó, câu trả lời của tôi không đúng.

Tôi cần một boolean đơn giản để làm việc với. Bởi vì nó không được xác định là không có mặt và không sai, tôi sử dụng !!để chuyển đổi sang boolean:

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

Một giải pháp thay thế sẽ là sử dụng bộ lọc:

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

Bạn có thể kiểm tra bằng cách chọn thuộc tính css với

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

Và thế còn:

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