每天进步一点点:有无逗号的区别

本文通过一个简单的示例展示了在Canvas API中,使用不同的字体声明方式(带逗号与不带逗号)对文本渲染效果的影响。指出即使是细微的语法差别也能导致显著的不同,强调了编程严谨性的重要性。

有逗号的代码:


ctx.font="100px,sans-serif";
ctx.fillText("hello",10,100);
ctx.strokeText("hello",10,100);

结果:

无逗号的代码:

ctx.font="100px sans-serif";
ctx.fillText("hello",10,100);
ctx.strokeText("hello",10,100);
结果:

感想:仅仅是一个逗号的区别,结果截然不同,编程,果然是一件严肃的事情,容不得一点马虎!

在 JavaScript 中,如果想从一个字符串中提取 `'name:'` 到下一个逗号之间的内容,可以使用正则表达式或字符串方法来实现。以下是两种常用的方法: ### 方法一:使用 `match()` 和正则表达式 可以通过正则表达式匹配 `'name:'` 后面的内容,并直到遇到第一个逗号为止。例如: ```javascript const str = "id:123,name:John Doe,age:30"; const match = str.match(/name:([^,]+)/); const result = match ? match[1] : null; console.log(result); // 输出: John Doe ``` 上述正则表达式 `/name:([^,]+)/` 的含义是: - `name:` 匹配固定的字符串。 - `([^,]+)` 表示捕获一个或多个非逗号字符的组。 ### 方法二:使用 `split()` 和 `substring()` 也可以通过字符串操作来完成这一任务: ```javascript const str = "id:123,name:John Doe,age:30"; // 查找 'name:' 的位置 const startIndex = str.indexOf("name:") + 5; // 加上关键字长度 if (startIndex === -1) { console.log(null); } else { // 查找下一个逗号的位置 const endIndex = str.indexOf(",", startIndex); if (endIndex === -1) { // 如果没有逗号,则截取到字符串结尾 console.log(str.substring(startIndex)); } else { console.log(str.substring(startIndex, endIndex)); // 输出: John Doe } } ``` 这种方法利用了 `indexOf()` 来查找起始和结束位置,并用 `substring()` 提取目标子串。 ### 注意事项 - 确保字符串中包含 `'name:'`,否则需要处理未找到的情况。 - 如果字符串中存在多个逗号,确保正确选择要截取的部分。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值