如何在 javascript 列表中使用 CSS 選擇器？

Question

為什么這不起作用？

var animals = ['Cat', 'Dog'].valueOf;

if ("animals:contains(Cat)") {
    // ...
}

Answer 1

你想使用Array的indexOf方法：

if(animals.indexOf('Cat') != -1){
    // ...
}

任何不為空的字符串 ( "" ) 都將是真實的，因此如果您執行if("some string") ，則if的主體將始終運行。

Answer 2

您不能在 Javascript 中的數組上使用 CSS 選擇器。 您可以使用indexOf查看數組中是否存在特定字符串。

if (animals.indexOf('Cat') > -1) {
  console.log('We have kitties.')
}

在 Javascript 中真正使用 CSS 選擇器的唯一時間是在查詢 DOM 時。

Answer 3

看來你想要像JSONSelect這樣的東西：

JSONSelect 定義了一種在語法和結構上與 CSS3 選擇器非常相似的語言。 JSONSelect 表達式是可以與 JSON 文檔匹配的模式。

請注意:contains不是標准的 CSS psedo 類，但 JSONSelect 將其作為擴展提供。

 var animals = ['Cat', 'Dog']; if (JSONSelect.match(':contains("Cat")', animals).length) // truthy document.write('There is a cat'); if (JSONSelect.match(':contains("Elephant")', animals).length) // falsy document.write('There is an elephant');

 <script src="http://jsonselect.org/js/jsonselect.js"></script>

但當然，這太過分了。 如何檢查數組是否包含 JavaScript 中的對象？ .