JS正则表达式中使用‘|’，对返回结果的顺序有疑问

Question

对JS中正则表达式中“|”的使用存在疑惑，见下面代码：

let str = "your cat's belly is fat";
let reg = /(fat|belly|is)/g;
console.log(str.match(reg));  // ["belly", "is", "fat"]

返回的结果为何不是["fat", "belly", "is"]？
请懂正则引擎的大神们指教！

Answer 1

不论你的正则是/(fat|belly|is)/g 还是 /(belly|fat|is)/g,其实它们都是等价的。
正则匹配的结果是根据字符串的顺序得到的，因为字符串的顺序是"your cat's belly is fat"，所以结果是["belly", "is", "fat"]。

比如：

var str = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
var regexp = /[A-D]/g;
var matches_array = str.match(regexp);

console.log(matches_array);
// ['A', 'B', 'C', 'D']

不管我如何更改正则里的顺序，改成/(D|A|B|C)/，结果都是一样的 ，这些正则是等价的

Answer 2

因为str中的顺序是belly is fat啊
正则是去匹配原字符串啊，顺序当然是原字符串的顺序。

Answer 3

正则是在目标字符串，从左到右匹配的