在 React 中使用 substring() 方法

在 React 中使用 substring() 方法:

  1. 在字符串上调用该方法。
  2. 将开始和结束索引作为参数传递给它。
  3. 该方法返回一个仅包含原始字符串指定部分的新字符串。
const App = () => {
  const str = 'Walk the dog';

  const result = str.substring(0, 4);
  console.log(result); // ?️ "Walk"

  return (
    <div>
      <h2>{result}</h2>
    </div>
  );
};

export default App;

我们传递给 String.substring 方法的两个参数是:

  • start 索引 – 要包含在返回字符串中的第一个字符的索引
  • end 索引 – 截止到end,但不包括这个索引

JavaScript 中的索引是从零开始的,这意味着字符串中的第一个索引是 0,最后一个索引是 str.length - 1

我们也可以直接在 JSX 代码中使用 substring 方法。

const App = () => {
  const str = 'Walk the dog';

  return (
    <div>
      <h2>{str.substring(0, 4)}</h2>
    </div>
  );
};

export default App;

如果我们只将起始索引传递给该方法,它将返回一个包含剩余字符的新字符串。

const App = () => {
  const str = 'Walk the dog';

  const result = str.substring(5);
  console.log(result); // ?️ "the dog"

  return (
    <div>
      <h2>{result}</h2>
    </div>
  );
};

export default App;

我们从索引 5 处开始提取字符,一直到原始字符串的末尾。