我有一个看起来像这样的字符串数组。
['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'...]
我需要以某种方式将这些字符串用逗号放在以下文本中，但在最后一项而不是逗号之前，我需要设置 and。像这样的：
'您的卡片包括白色 T 恤、蓝色牛仔裤、红色帽子和棕色眼镜，您可以前往结帐页面'
由于我要从后端接收这些数组项，我需要以某种方式使上述字符串生成动态化。如果可能没有循环如何实现？
【问题讨论】：
标签： javascript arrays string algorithm
strings = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'];
lastString = strings.pop();
result = strings.join(', ') + ' and ' + lastString;
【讨论】：
您可以使用数组的slice 方法简单地做到这一点。
const arr = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'];
const result = arr.slice(0, arr.length - 1).join(', ') + ' and ' + arr.slice(-1)[0];
console.log(result);【讨论】：
没有临时保存的引用，但原始 strings 数组发生了变异...
const strings = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'];
console.log(
[strings.pop(), strings.join(', ')].reverse().join(' and ')
);
console.log('mutated ... strings :', strings);.as-console-wrapper { min-height: 100%!important; top: 0; }没有临时保存的引用，这次没有改变原始strings 数组...
const strings = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'];
console.log(
[strings.slice(0, strings.length - 1).join(', '), ...strings.slice(-1)].join(' and ')
);
console.log('not mutated ... strings :', strings);.as-console-wrapper { min-height: 100%!important; top: 0; }【讨论】：
Intl API 的一部分称为Intl.ListFormat。如果您想根据语言环境规则进行正确的列表格式设置，我建议您使用它而不是手动格式设置。
例如，在提供的情况下，“and”之前应该有一个逗号。
const strings = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses'];
const formatter = new Intl.ListFormat('en', { style: 'long', type: 'conjunction' });
console.log(formatter.format(strings));
const short = ['white t-shirt', 'blue jeans'];
console.log(formatter.format(short));【讨论】：
reduce的解决方案：
const arr = ['white t-shirt', 'blue jeans', 'red hat', 'brown glasses']
const showList = () => {
const OXFORD_COMMA=document.getElementById('oxford-comma').value;
console.log(arr.reduce((acc,item,i) => (i<arr.length-1)?acc+', '+item:acc+OXFORD_COMMA+' and '+item));
}<p> Do you want to apply Oxford Comma rule? </p>
<select id="oxford-comma">
<option value=",">Yes</option>
<option value="">No</option>
</select>
<button type="button" onclick="showList()">output to console</button>更新：感谢@yuri-tarabanko，现在有了“牛津逗号”选项 :)
【讨论】：
此解决方案不会改变您的原始数组，仅使用字符串方法，因此不依赖于隐式强制，并且浏览器很好地支持它。 Intl.ListFormat 是更好的主意，不幸的是，Safari 和 Edge 都不支持此 API。
let items = [
'white t-shirt',
'blue jeans',
'red hat',
'brown glasses'
]
let strings = items
.join(', ')
.replace(/,\s*([^,]+)$/, ' and $1')
【讨论】：