Javascript如何在新行上显示数组的每个元素

我有一个字符串构建形式逗号分隔的值，我使用

split

获取每个值，然后我想在新行上显示每个值，但真正发生的是，我在新行上获取每个值，最后两个值一起显示在同一行上。我只想说清楚：

价值1

，价值2

，价值3

，价值4，价值5

下面是我正在使用的函数：

_checkDates: function(dates) {
        if (dates != null)
        {
            var zzz = dates.split(',');
            var xxx = zzz.length;
            console.log(xxx);
            for (var i=0; i<=xxx; i++)
                {
                    zzz[i] = zzz[i] + '<br />';
                    return zzz;
                }
        }
        return dates;
    }

\u检查日期：函数（日期）{
如果（日期！=null）
{
var zzz=dates.split（'，'）；
var xxx=zzz.长度；
控制台日志（xxx）；
for（var i=0；ifor循环是可疑的。首先，您不处理所有项（最后一项丢失，正如@sarfraz指出的）。其次，您在for循环体中返回结果（
zzz
）：

for (var i=0; i<=xxx; i++)
{
  zzz[i] = zzz[i] + '<br />';
  return zzz; // for-loop will stop here! resulting in ["value1<br />", "Value2", etc...]
}

我已经修改了你的函数。因为stefan已经提到了你的错误

function splitDate(dates) {
        if (dates != null)
        {
            var dates = dates.split(',');
            var xxx = dates.length;
            console.log(xxx);
            for (var i=0; i<xxx; i++)
                {
                    dates[i] = dates[i];                    
                }
        }
        console.log(dates.join('\r\n'));
        return dates.join('\r\n');        
    }

如果是字符串：

var arr = ['apple','banana','mango'];
console.log(arr.join('\r\n'));

var str = "apple,banana,mango";
console.log(str.split(',').join("\r\n"));

链接：

从“React”导入React
从“react native”导入{SafeAreaView，Text，View，FlatList}
导出默认类App扩展React.Component{
render（）{
返回(
字符串（索引）}
renderItem={（{item，index}）=>{
返回(
{item.skills.splice（'，）.join（“\n”）}
)
}}
/>
)
}
}
const您的\u数组\u名称=[
{
id:1，
文本：“Lorem ipsum是用于打印行的简单虚拟文本”，
技能：['javascript'，'java']
},
{
id:2，
文本：“Lorem ipsum是简单的虚拟文本。”，
技能：['javascript'，'java']
}]
返回日期。拆分（“，”）。加入（“
”）
-正是我需要的。谢谢。为什么在for循环中有一个等号。它应该小于。例如，如果zzz的长度为5（xxx=5）您希望访问元素0到4，值1 index=0，值2 index=1，值3 index=2，值4 index=3和值5 index=4。当前您正在执行0到5。因为循环在达到5之后退出，而不是4。因此您尝试访问没有任何值的zzz[5]。我知道，但我尝试了
您可以执行
控制台.log（arr.join（“
”）；
arrayVar.forEach（=>console.log（））
如果您也可以在loopingtanks@Hardik Desai中尝试，您的解决方案帮助我在渲染array@vaibhavnaik欢迎✌️ ;)
var arr = ['apple','banana','mango'];
console.log(arr.join('\r\n'));

var str = "apple,banana,mango";
console.log(str.split(',').join("\r\n"));

import React from 'react'
import { SafeAreaView, Text, View, FlatList } from 'react-native'

export default class App extends React.Component {

    render() {
        return (
            <SafeAreaView style={{ flex: 1, alignItems: 'center', justifyContent: 'center',margin:20 }}>
                <FlatList
                    data={your_array_name}
                    keyExtractor={(item, index) => String(index)}
                    renderItem={({ item, index }) => {
                        return (
                            <Text style={{ color: '#ff8500', fontSize: 18 }}>{item.skills.splice(',').join("\n")}</Text>
                        )
                    }}
                />

            </SafeAreaView>
        )
    }

}


const your_array_name = [
    {
        id: 1,
        text: 'Lorem ipsum is simple dummy text for printing the line',
        skills: ['javascript', 'java']
    },
    {
        id: 2,
        text: 'Lorem ipsum is simple dummy text.',
        skills: ['javascript', 'java']
    }]