js遍历数组对象拼接换行
时间: 2023-10-01 19:03:39 浏览: 142
可以使用for循环或者forEach遍历数组对象,然后通过字符串拼接的方式加入换行符"\n"即可。例如:
```javascript
var fruits = [
{name: "apple", color: "red"},
{name: "banana", color: "yellow"},
{name: "grape", color: "purple"}
];
var output = "";
fruits.forEach(function(fruit) {
output += fruit.name + " - " + fruit.color + "\n";
});
console.log(output);
```
输出结果如下:
```
apple - red
banana - yellow
grape - purple
```
相关问题
使用js的map 方法把 一个数组,里面有多个字符串,转换成索性加1在加上这个字符串在把这个数组转为字符串换行显示
可以使用JavaScript中的`map`方法和数组的`join`方法实现该功能,代码如下:
```javascript
let array = ["Hello", "World", "JavaScript"];
let result = array.map((s, i) => `${i+1}. ${s}`).join("\n");
console.log(result);
```
运行结果如下:
```
1. Hello
2. World
3. JavaScript
```
解释一下代码的实现过程:
1. 首先定义了一个字符串类型的数组`array`,其中包含了多个字符串。
2. 使用`map`方法对`array`数组进行遍历,其中`s`表示每个字符串,`i`表示每个字符串的索引。
3. 在箭头函数中,使用模板字符串将索引加1后的字符串和一个点号`.`拼接到字符串中。
4. 使用数组的`join`方法将所有字符串连接起来,其中使用换行符`\n`作为分隔符。
5. 使用`console.log`函数将结果输出到控制台。
js循环一个数组 给数组里的每个对象里的字符串每隔20个字符串换行 换行要求用html标签
可以使用 JavaScript 中的 forEach() 方法来遍历数组,然后使用字符串的 match() 方法将字符串每隔20个字符进行分割,最后使用 HTML 的换行标签 `<br>` 添加换行。代码如下:
```javascript
let arr = [
{text: 'abcdefghijklmnopqrstuvwxyz'},
{text: '12345678901234567890'}
];
arr.forEach(item => {
let str = item.text;
let result = str.match(/.{1,20}/g).join('<br>');
console.log(result);
});
```
以上代码会输出以下内容:
```
abcdefghijklmnopqrst<br>uvwxyz
12345678901234567890
```
注意:这里使用了正则表达式来将字符串按照每20个字符分割成一个数组,然后使用 join() 方法将数组元素拼接成一个字符串,并在每个元素之间插入 `<br>` 标签。
阅读全文