Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/400.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在Typescript中设置对象输出的样式_Javascript_Arrays_Reactjs_Typescript_React Native - Fatal编程技术网

Javascript 在Typescript中设置对象输出的样式

Javascript 在Typescript中设置对象输出的样式,javascript,arrays,reactjs,typescript,react-native,Javascript,Arrays,Reactjs,Typescript,React Native,我有一个对象输出,如下所示: name: "James Charles" address: "<font face="Arial" size="2">10109 New York. Ste. C, New York NY</font>" phone: "784-247-7926" email: "jamescharles@yahoo.com" 但是,输出显示如下内容: nameJames Charles address<font face="Arial" size

我有一个对象输出,如下所示:

name: "James Charles"
address: "<font face="Arial" size="2">10109 New York. Ste. C, New York NY</font>"
phone: "784-247-7926"
email: "jamescharles@yahoo.com"
但是,输出显示如下内容:

nameJames Charles
address<font face="Arial" size="2">10109 New York. Ste. C, New York NY</font>
phone784-247-7926
emailjamescharles@yahoo.com
詹姆斯·查尔斯的名字 地址:10109纽约。Ste。C、 纽约州纽约市 电话784-247-7926 emailjamescharles@yahoo.com 我正在尝试设置输出的样式,例如在键和值之间添加一个空格、一个分号,或者一个span类,这样我就可以加粗键字段

如何更好地控制输出?那么,从地址字段中删除html,使其不显示在地址中的最佳方法是什么

因此,我的输出类似于以下内容:

  • 姓名:詹姆斯·查尔斯
  • 地址:10109纽约。Ste。C、 纽约州纽约市
  • 电话:784-247-7926
  • 电子邮件:jamescharles@yahoo.com

第一件事:要分离出您需要的regex地址,请尝试:
(?)[a-zA-Z,.0-9]*(?=wow!非常感谢。这真的帮了我的忙。使用regex,我会在创建对象的函数中这样做吗?我可以使用
.replace(/(]+>)/ig,”;
再次感谢您所做的一切。@HISUS32没问题,很高兴我能帮忙:)
nameJames Charles
address<font face="Arial" size="2">10109 New York. Ste. C, New York NY</font>
phone784-247-7926
emailjamescharles@yahoo.com
<ul>
    {(Object as any).entries(this.state.DocList).map((object, i) => <li>{object}</li>)}
</ul>
<ul>
    {(Object as any).entries(this.state.DocList).map(([key, value], i) => 
    <li>
        <span>{key}: </span><span>{value}</span>
    </li>)}
</ul>