对象中的值不会改变

Question

const filterField = {
  searchText: ''
  //Empty value to change over time.
}

const renderNotes = function (notes, filters) {
  const filteredNotes = notes.filter(function (note) {
    return note.title.toLowerCase().includes(filters.searchText.toLowerCase())
  }) 
  console.log(filteredNotes)
}
renderNotes(habits, filterField)

//This function is supposed to change the value of the filteredField object. 
  document.querySelector('#search-text').addEventListener('input', function (e) {
    filterField.searchText === e.target.value;
    renderNotes(habits, filterField);
  } ) 

最后一个方法应该是改变 filterfield 对象的值。但它不会改变。

我正在关注关于 udemy 的教程，但我被困在这部分。

Answer 1

filterField.searchText === e.target.value;

等号太多：

• 双重相等检查（值）
• 严格相等的三重相等检查（值 AND 类型）
• 单等分配

改成

filterField.searchText = e.target.value;