针对对象属性分割去除小数点后的数字

本文介绍了如何处理和显示对象属性中的坐标数据。通过使用JavaScript的split方法将字符串坐标拆分为数字,然后利用parseFloat或parseInt转换为数值类型,可以有效地进行坐标处理。例如,使用toFixed方法可以控制小数点后的位数。最后,通过拼接操作,可以重新组合成所需的坐标格式。此方法在图形渲染和前端开发中尤为实用。
摘要由CSDN通过智能技术生成

针对对象属性这种数据的显示

itemPos属性代表 X坐标 , Y坐标 ----坐标要以数字类型为准 字符串类型坐标不显示
在这里插入图片描述
第一步:
用split方法 用逗号先分割开 [0]是取的第一个数 [1]是取的第二个数

this.graphical.itemPos.split(',')[0]
this.graphical.itemPos.split(',')[1]

第二步:
用 parseFloat 方法把字符串数字转换为浮点数 再结合 toFixed 方法可以选择保留到小数点后几位()空的话就把小数点后的数全部清空

parseFloat(this.graphical.itemPos.split(',')[0]).toFixed()

也可以直接用parseInt()方法直接返回的结果是整数 ()括号里面是要转换为 整数的数据

比如:

 x: parseInt((this.startPtn.x + differentPointX)), y: parseInt((this.startPtn.y + differentPointY))

第三步:
因为现在已经用 逗号 把对象里面的itemPos属性 分割开了 最后把他们再拼接一起

parseFloat(this.graphical.itemPos.split(',')[0]).toFixed() + ',' + parseFloat(this.graphical.itemPos.split(',')[1]).toFixed()

最终的结果
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值