如何根据TextField输入过滤模型数组并实现TableView搜索功能

Hey there! Let's get that TableView search functionality working smoothly for you. I checked your code and there are a few key tweaks to fix some issues and make the search more user-friendly. Here's how to revamp it:

First, Fix Your Data Source Setup #

The biggest issue with your current code is that you're overwriting your original data array when filtering—this means you'll lose all your original data after the first search. Instead, use two separate arrays: one for your full original dataset, and another for the filtered results you show in the TableView.

Add these properties to your view controller:

// Holds all your original product data (never modify this after initial load)
private var originalProducts: [BaseApparel] = []
// Holds the filtered products to display in the TableView
private var filteredProducts: [BaseApparel] = []

Update Your TableView Data Source Methods #

Now adjust your TableView methods to use the filtered array instead of the original:

func tableView(_ tableView: UITableView, numberOfRowsInSection section: Int) -> Int {
    return filteredProducts.count
}

func tableView(_ tableView: UITableView, cellForRowAt indexPath: IndexPath) -> UITableViewCell {
    // Make sure to use your actual cell reuse identifier and cast to your custom cell type
    let cell = tableView.dequeueReusableCell(withIdentifier: "ProductCell", for: indexPath) as! ProductCell
    
    let product = filteredProducts[indexPath.row]
    
    // Handle price with safe unwrapping and default text
    cell.pricelbl.text = product.price.map { "$\($0)" } ?? ""
    // Set product name with a default for nil values
    cell.namelbl.text = product.prodName ?? "Unnamed Product"
    
    return cell
}

Fix the TextField Search Logic #

Your current search uses exact matching (==) which is too rigid, and you're accessing the text field's text before it's updated. Here's the improved delegate method:

func textField(_ textField: UITextField, shouldChangeCharactersIn range: NSRange, replacementString string: String) -> Bool {
    guard textField == searchtextfield else { return true }
    
    // Calculate the updated text (since the text field's text hasn't changed yet at this point)
    guard let currentText = textField.text else { return true }
    let updatedText = (currentText as NSString).replacingCharacters(in: range, with: string)
    
    // Filter based on the updated text
    if updatedText.isEmpty {
        // Show all products when search field is empty
        filteredProducts = originalProducts
    } else {
        // Case-insensitive partial match for product names
        let lowercasedSearchText = updatedText.lowercased()
        filteredProducts = originalProducts.filter {
            $0.prodName?.lowercased().contains(lowercasedSearchText) ?? false
        }
    }
    
    // Refresh the TableView with the new filtered results
    searchtableview.reloadData()
    return true
}

Don't Forget Initial Setup #

In your viewDidLoad, make sure to load your original data and set up the initial state:

override func viewDidLoad() {
    super.viewDidLoad()
    
    // Load your full dataset into originalProducts (replace with your actual data loading code)
    originalProducts = fetchAllProducts()
    
    // Initialize filtered array with all products to start
    filteredProducts = originalProducts
    
    // Set up TableView and TextField delegates
    searchtableview.dataSource = self
    searchtextfield.delegate = self
}

Key Improvements Explained #

• Preserve Original Data: By keeping originalProducts intact, you can always re-filter from the full dataset instead of losing data.
• Friendly Search: Using case-insensitive partial matching (contains) means users can type part of a product name (in any case) and get relevant results.
• Safe Unwrapping: Avoids crashes from nil values in prodName or price by using optional binding and default text.
• Accurate Text Handling: Calculates the updated search text correctly since the text field's value hasn't updated yet when shouldChangeCharactersIn is called.

内容的提问来源于stack exchange，提问作者srikanth kumar