React Native中如何截取字符串的指定部分？

嘿，这个需求很常见，我给你分享两种简单可行的实现方式：

方法一：使用正则表达式（适合格式固定的场景） #

如果你的原始日期字符串格式始终是类似Wed May 09 2018 13:10:47 GMT+0700 (WIB)这种固定结构，正则表达式是最直接高效的方式，直接匹配并提取我们需要的月份、日期和年份部分：

const originalDateStr = "Wed May 09 2018 13:10:47 GMT+0700 (WIB)";
// 正则捕获月份（3个字母）、日期（2位数字）、年份（4位数字）
const dateMatch = originalDateStr.match(/(\w{3}) (\d{2}) (\d{4})/);

if (dateMatch) {
  // 拼接成目标格式
  const extractedDate = `${dateMatch[1]} ${dateMatch[2]} ${dateMatch[3]}`;
  console.log(extractedDate); // 输出: May 09 2018
}

这里的正则/(\w{3}) (\d{2}) (\d{4})/会精准匹配我们需要的三个部分，通过捕获组dateMatch[1]、dateMatch[2]、dateMatch[3]分别获取月份、日期和年份，最后拼接成目标字符串即可。

方法二：使用Date对象（适合格式可能有变化的场景） #

如果你的日期字符串格式可能存在小差异（比如时区标识不同），可以利用React Native支持的标准Date对象来解析，再手动构造目标格式：

const originalDateStr = "Wed May 09 2018 13:10:47 GMT+0700 (WIB)";
const dateInstance = new Date(originalDateStr);

// 定义月份缩写数组，对应Date.getMonth()返回的0-11索引
const monthAbbrs = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
const targetMonth = monthAbbrs[dateInstance.getMonth()];
// 给日期补零，确保是两位数字（比如9变成09）
const targetDay = String(dateInstance.getDate()).padStart(2, '0');
const targetYear = dateInstance.getFullYear();

const extractedDate = `${targetMonth} ${targetDay} ${targetYear}`;
console.log(extractedDate); // 输出: May 09 2018

这种方法的优势是兼容性更强，Date对象能处理多种标准日期格式，但需要注意处理月份的索引转换和日期的补零操作，保证输出格式符合要求。

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