如何在ReactJS中使用for循环在满足某些条件时更新状态？循环不需要遍历每个元素

import React, { Component } from 'react';

class MyComponent extends Component {
  constructor(props) {
    super(props);
    this.state = {
      data: [1, 2, 3, 4, 5],
    };
  }

  updateState = () => {
    const newData = [...this.state.data];
    for (let i = 0; i < newData.length; i++) {
      if (newData[i] % 2 === 0) {
        newData[i] = newData[i] * 2; // 满足条件时更新状态
      }
    }
    this.setState({ data: newData });
  };

  render() {
    return (
      <div>
        <button onClick={this.updateState}>更新状态</button>
        <ul>
          {this.state.data.map((item, index) => (
            <li key={index}>{item}</li>
          ))}
        </ul>
      </div>
    );
  }
}

export default MyComponent;