取数“；id”；从前5个标记开始，使用纯javascript在输出中用逗号分隔它们

我正在编写一个脚本，在这个脚本中，我需要提取id-on标记中可用的值，我需要使用纯Javascript来完成这项工作。我有类似的jQuery代码，但我无法成功地完成Javascript代码。 我的jquery代码

var arr1st3 = $('article:lt(3)').map(function() {
    return this.id.replace(/[^\d]/g, '');
}).get();
console.log( arr1st3 );

这是测试url

我正在尝试使用Javascript函数返回输出中的值，如['123456'，'7896669'，'1147777']

---

任何帮助都将不胜感激

纯javascript版本将是：

var arr2st3 = [].map.call(document.querySelectorAll('article:nth-child(-n+4)'), function(el) {
    return el.id.replace(/[^\d]/g, '');
});

非常相似。您只需使用本机和

article:nth child（-n+4）

CSS选择器来选择元素

---

演示：

如果你使用纯JS，你应该制作一个ES6版本。这在domready上运行，但是@dfsq你能告诉我这在所有浏览器上的表现是否都一样好吗？或者正如Sterling提到的，它有任何限制吗？这里是DOMContentLoaded版本（纯模拟jQuery就绪事件）。对于IE<9，应该使用

window.onload=function（）{…}

。映射代码在任何地方都可以工作，没有任何限制。Sterling提到的ES6只是另一种语法（只有现代浏览器才支持）。@dfsq您真是太棒了，非常感谢您的帮助，如果您能提供帮助，这是最后一个请求。如果我需要将您的脚本用作函数，我尝试创建但无法获得输出->