JS 字符串和数组打印的几种方法

我们经常会遇到打印字符串和数组的问题,我总结了几种方法,希望对大家有所帮助。
如果是打印的是字符串常量,就可以直接打印。
document.write("uestc");

如果是打印数组的每一项,则可以:

var arr = [1,2,3,4];
for(var i = 0 ;i<arr.length;i++){
document.write(arr[i]+'\n'); //'\n'是换行
}

或者:

var arr = [1,2,3,4];
for(var value in arr){
document.write(arr[value]+'<br\>'); //'<br\>'也是换行
}

打印出来的结果是:

1
2
3
4

但如果需要打印字符串和数据的混合,并且数据统一存在一个对象或者数组中,如名称:雪碧,数量:5瓶,单价:3元,小计:15元,而名称,数量,单价,总价都存放在同一个对象 arr中,该怎么用for循环打印呢?

var printText = "我的打印小票"+'\n';
for(var item in arr){
printText += '名称:' + arr[item].name
+',数量:' + arr[item].number+ arr[item].unit
+',单价:' + arr[item].price.toFixed(2)
+'(元),小计:' + arr[item].total.toFixed(2)+'(元)\n' ;
}
document.write(printText);

这样就可以啦 :)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
几种方法可以将JavaScript字符串转换为数组。一种常用的方法是使用split() 方法。split() 方法用于将字符串拆分为字符串数组,可以通过传递分隔符作为参数来指定拆分的规则。例如,使用split() 方法字符串拆分为单个字符的数组,可以按照以下步骤进行操作: 1. 使用split() 方法并传递一个空字符串作为分隔符,这将会将字符串拆分为单个字符的数组。 示例代码: ```javascript const string = 'uixdk'; const array = string.split(''); ``` 这将会返回一个由每个字符作为元素的数组,即`["u", "i", "x", "d", "k"]`。` 将字符串转换为数组。 示例代码: ```javascript const string = 'uixdk'; const array = [...string]; ``` 这将会返回与使用split() 方法相同的结果,即`["u", "i", "x", "d", "k"]`。 ,Array.from() 方法以及Object.assign() 方法。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [js怎么将字符串转为数组?](https://blog.csdn.net/csdssdn/article/details/124074178)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [js中,字符串数组互转(一)——字符串转为数组方法](https://blog.csdn.net/weixin_44867717/article/details/125633379)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值