檢查字符串數組是否與obj鍵/屬性匹配

Question

我想匹配URL queries與對象keys和values。

網址：?cost=10&name=item

const query = { cost: 10, name: 'item' } 
const keys = ['cost', 'name'] 
const values = ['10', 'item'] 

我如何檢查是否keys[]比賽Object.keys(query)和values[]比賽Object.values(query)？我在keys[]和values[]上嘗試了for..in和.map(); .filter(); .indexOf() > -1的不同組合。

另外10 == '10'應該返回true。

Answer 1

爲了使給定的查詢是相同的給定的鍵和值，（1）兩者的長度必須是相同的，（2）每個查詢參數必須被包含在給定的鍵和值：

// Compare query keys and values: 
 
function identical(query, keys, values) { 
 
    return Object.keys(query).length == new Set(keys).size && 
 
     keys.every((key, i) => query[key] == values[i]); 
 
} 
 

 
// Example: 
 
const query = {cost: 10, name: 'item'}; 
 
const keys = ['cost', 'name']; 
 
const values = ['10', 'item']; 
 

 
console.log(identical(query, keys, values));

Answer 2

在對象上循環使用indexOf()查看屬性名稱是否在keys中，並且該值位於values的相應元素中。

for (var k in query) { 
    var kindex = keys.indexOf(k); 
    if (kindex == -1 || values[kindex] != query[k]) { 
     console.log('Invalid key = ' + k + ' value = ' + query[k]); 
    } 
} 

，或者你可以遍歷keys：

keys.forEach(function(key, i) { 
    if (!(key in query && query[key] == values[i])) { 
     console.log('Missing key = ' + key + ' value = ' + values[i]); 
    } 
}); 

Answer 3

您可以首先檢查對象屬性的長度是一樣的按鍵排列，然後用every()和includes()檢查鍵和值。

const query = { cost: 10, name: 'item' } 
 
const keys = ['cost', 'name'] 
 
const values = ['10', 'item'] 
 

 
var check = Object.keys(query).length == keys.length 
 
    && Object.keys(query).every(function(key) { 
 
     return keys.includes(key) && values.includes(String(query[key])) 
 
    }) 
 
      
 
console.log(check)

Answer 4

使用some這樣的：

function match(query, keys, values) { 
 
    return ! keys.some(function(key, i) { // inverse the test 
 
    return query[key] != values[i]; 
 
    }); 
 
} 
 

 
const query = { cost: 10, name: 'item' }; 
 
const keys = ['cost', 'name']; 
 
const values = ['10', 'item']; 
 

 
console.log(match(query, keys, values));

或者使用for循環是這樣的：

function match(query, keys, values) { 
 
    for(var i = 0; i < keys.length; i++) 
 
    if(query[keys[i]] != values[i]) return false; // if some key doesn't match return false 
 
    
 
    return true; // all keys matched return true 
 
} 
 

 
const query = { cost: 10, name: 'item' }; 
 
const keys = ['cost', 'name']; 
 
const values = ['10', 'item']; 
 

 
console.log(match(query, keys, values));

Answer 5

退房Mozilla開發者網絡上Array.prototype.every()方法。下面的函數滿足以下匹配標準：

1. 密鑰的query數是一樣的keys陣列中的密鑰的數量。
2. query中的值數與values數組中的值數相同。
3. keys陣列中的每個密鑰也位於query中。
4. query[key]上的值等於values數組中相應索引處的值。

---

function matches(query, keys, values) { 
    const queryKeys = Object.keys(query); 
    const queryValues = Object.values(query); 
    return (
    queryKeys.length === keys.length && 
    queryValues.length === values.length && 
    keys.every((key, index) => queryKeys.includes(key) && query[key] == values[index]) 
); 
} 

const query = { 
    cost: 10, 
    name: 'item' 
}; 
const keys = ['cost', 'name']; 
const values = ['10', 'item']; 

console.log(matches(query, keys, values)); 

我希望這回答了你的問題。快樂的編碼！