侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 124687 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

10个很棒的JS字符串技巧

2022-05-16 星期一 / 0 评论 / 0 点赞 / 357 阅读 / 2475 字

我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧,你可能还不知道哦?

文章源自前端小智的10个很棒的 JavaScript 字符串技巧,看完觉得很棒,马上能用上,我在此文基础上做了一些修改,发布出来供大家学习。 我们称一个字符序列为字符串。这几乎是所有编程语言中都有的基本类型之一。这里跟大家展示关于 JS 字符串的10个很棒的技巧,你可能还不知道哦? 1.如何多次复制一个字符串 我们可以使用ES6中的repeat方法,当然也可以用reduce或者字符串拼接。 // 使用repeat const laughing = 'M酷'.repeat(3) consol.log(laughing) // "M酷M酷M酷" // 使用reduce Array(3).fill(1).reduce((str,cur) => str += 'M酷', '') // 使用普通方法 let str='' for(let i = 0; i < 3; i++) { str += 'M酷' } console.log(str) // "M酷M酷M酷" 2.如何填充一个字符串到指定的长度 有时,我们希望字符串具有特定长度。 如果字符串太短,则需要填充剩余空间,直到达到指定的长度为止。我们可以使用padStart和SpadEnd方法,选择哪种方法取决于是在字符串的开头还是结尾填充字符串。比较常见的是计算时间的时候,位数小于2位时需要在前面补0。 // 在开头添加 "0",直到字符串的长度为 8。 const str1= '001'.padStart(8, '0') console.log(str1) // "00000001" const date = String(new Date('2020-01-02').getDate()).padStart(2,0) console.log(date) // "02" //在末尾添加“ *”,直到字符串的长度为5。 const str2 = "34".padEnd(5, "*") console.log(str2) // "34***" 3.如何将字符串拆分为字符数组 有多种方法可以将字符串分割成字符数组,比如split和扩展操作符... const word = 'apple' // split const characters = word.split('') console.log(characters) // ["a", "p", "p", "l", "e"] // 扩展运算符 const characters = [...word] console.log(characters) // ["a", "p", "p", "l", "e"] 注意,这并不总是像预期的那样工作。 4.如何计算字符串中的字符 可以使用length属性。 const word = "apple"; console.log(word.length) // 5 // 但对于中文来说,这个方法就不太靠谱。 const word = "

广告 广告

评论区