资讯专栏INFORMATION COLUMN

30-seconds-code——string

tinysun1234 / 1954人阅读

摘要:英文文章来源于计算一个字符串中字符的所有排序情况使用递归遍历字符串中的每个字符计算剩余字符串的所有顺序用区合并该字符和剩余字符串的每种顺序然后用将该字符串的所有顺序合并到一个数组中当字符串的等于或者时,是两个基例字符串的首字母大写用

英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md

anagrams

计算一个字符串中字符的所有排序情况.

使用递归.
遍历字符串中的每个字符, 计算剩余字符串的所有顺序.
Array.map() 区合并该字符和剩余字符串的每种顺序, 然后用 Array.reduce() 将该字符串的所有顺序合并到一个数组中.
当字符串的 length 等于 2 或者 1 时,是两个基例.

const anagrams = str => {
  if (str.length <= 2) return str.length === 2 ? [str, str[1] + str[0]] : [str];
  return str.split("").reduce((acc, letter, i) =>
    acc.concat(anagrams(str.slice(0, i) + str.slice(i + 1)).map(val => letter + val)), []);
};
// anagrams("abc") -> ["abc","acb","bac","bca","cab","cba"]
Capitalize

字符串的首字母大写.

用解构和 toUpperCase() 将首字母大写, 用 ...rest 去获得除首字母外的字符串,然后用 Array.join("") 将所得的数组合并为字符串.
如果 lowerRest参数为 true, 将转变剩余字符串为小写输出, 否则.原样输出.

const capitalize = ([first,...rest], lowerRest = false) =>
  first.toUpperCase() + (lowerRest ? rest.join("").toLowerCase() : rest.join(""));
// capitalize("myName") -> "MyName"
// capitalize("myName", true) -> "Myname"
capitalizeEveryWord

把字符串的每个单词首字母大写.

replace() 去匹配每个单词的首字母 然后用 toUpperCase() 将该字母大写.

const capitalizeEveryWord = str => str.replace(/[a-z]/g, char => char.toUpperCase());
// capitalizeEveryWord("hello world!") -> "Hello World!"
countVowels

计算字串中原因字母个数.

用一个正则表达是计算字符串中的元音字母 (A, E, I, O, U) 的个数.

const countVowels = str => (str.match(/[aeiou]/ig) || []).length;
// countVowels("foobar") -> 3
// countVowels("gym") -> 0
escapeRegExp

转义一个字符串为一个可使用的正则表达式.

replace() 转义特殊的字符.

const escapeRegExp = str => str.replace(/[.*+?^${}()|[]]/g, "$&");
// escapeRegExp("(test)") -> (test)
fromCamelCase

转换驼峰字符串.

replace() 以下划线,连字符和空格为分隔符转换驼峰形式的字符串,首先需要去除字符串中的分割字符,然后,用分隔符拼接字符串.
第二个参数默认为 _.

const fromCamelCase = (str, separator = "_") =>
  str.replace(/([a-zd])([A-Z])/g, "$1" + separator + "$2")
    .replace(/([A-Z]+)([A-Z][a-zd]+)/g, "$1" + separator + "$2").toLowerCase();
// fromCamelCase("someDatabaseFieldName", " ") -> "some database field name"
// fromCamelCase("someLabelThatNeedsToBeCamelized", "-") -> "some-label-that-needs-to-be-camelized"
// fromCamelCase("someJavascriptProperty", "_") -> "some_javascript_property"
toCamelCase

字符串转化为驼峰形式的字符串.

replace() 去移除下划线,连接符,空格,然后将字符串转化为驼峰形式输出.

const toCamelCase = str =>
  str.replace(/^([A-Z])|[s-_]+(w)/g, (match, p1, p2, offset) =>  p2 ? p2.toUpperCase() : p1.toLowerCase());
// toCamelCase("some_database_field_name") -> "someDatabaseFieldName"
// toCamelCase("Some label that needs to be camelized") -> "someLabelThatNeedsToBeCamelized"
// toCamelCase("some-javascript-property") -> "someJavascriptProperty"
// toCamelCase("some-mixed_string with spaces_underscores-and-hyphens") -> "someMixedStringWithSpacesUnderscoresAndHyphens"
reverseString

反转字符串.

split("")Array.reverse() 去反转字符数组中元素的顺序.
join("") 去拼字符数组为字符串.

const reverseString = str => str.split("").reverse().join("");
// reverseString("foobar") -> "raboof"
sortCharactersInString

按字符顺序排列字符串中字符的顺序.

split("") 将字符串转化为数组, 然后用 Array.sort() 依据自定义排序规则 localeCompare() 位字符数组排序, 最后用 join("") 重新拼接字符数组为字符串.

const sortCharactersInString = str =>
  str.split("").sort((a, b) => a.localeCompare(b)).join("");
// sortCharactersInString("cabbage") -> "aabbceg"
truncateString

保留指定长度的字符串.

需要判断字符串的 length 是否大于 num.
返回你希望的截断后的字符串, 尾部有 ....

const truncateString = (str, num) =>
  str.length > num ? str.slice(0, num > 3 ? num - 3 : num) + "..." : str;
// truncateString("boomerang", 7) -> "boom..."
words

将字符串转化为以单词为元素的字符串数组,去除所有非单词元素.

String.split()pattern 正则表达式为分割规则来分割字符串为字符串数组. 用 Array.filter() 移除字符串中的空字符.
默认 pattern 为/1+/.

const words = (str, pattern = /[^a-zA-Z-]+/) => str.split(pattern).filter(Boolean);
// words("I love javaScript!!") -> ["I", "love", "javaScript"]
// words("python, javaScript & coffee") -> ["python", "javaScript", "coffee"]

更多关于30-seconds-code中文翻译https://github.com/lvzhenbang/article/blob/master/js/30-seconds-code/index.md

  • a-zA-Z- ↩

  • 文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

    转载请注明本文地址:https://www.ucloud.cn/yun/90398.html

    相关文章

    • 30-seconds-code ——utility集合

      摘要:英文文章来源于返回参数列表中第一个非和的参数用实现返回第一个非参数返回一个用自定义函数中的函数是否返回来对中传入的参数列表尽心过滤用去遍历参数列表,用给定的函数的返回值来过滤参数列表返回给定值的基本类型返回给定值的构造函数名字的小 Utility 英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master...

      Jochen 评论0 收藏0
    • 30-seconds-code——browser

      摘要:显示所有指定的元素用操作符和清除所有指定元素的属性。使用了两个事件监听器。将指定的数组元素转换成元素标签,然后将它们插入指定的选择器元素内用和去生成一个元素标签列表复制一个字符串到剪切板。用去执行复制到剪切板。 英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md Browser...

      izhuhaodev 评论0 收藏0
    • 30-seconds-code——adapter

      摘要:英文文章来源于给定一个键值和一组参数,但给定一个上下文时调用它们。 英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md Adapter call 给定一个键值和一组参数,但给定一个上下文时调用它们。 使用闭包调用存储的键值与存储的参数 const call = ( key, ....

      dcr309duan 评论0 收藏0
    • 30-seconds-code——Object

      摘要:英文文章来源于删除对象中除指定键值的属性用递归的方法用方法遍历对象然后删除不是在给定数组中的属性如果你传入,它将对该键所对应的对象进行深度遍历的变形非原著作对所有的键对应的对象进行深度遍历用方法遍历对象然后删除不是在给定数组中的属性如 英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master/READM...

      lbool 评论0 收藏0
    • 30-seconds-code——array

      摘要:英文文章来源于数组最大公约数计算数字数组最大公约数用和运算式使用递归计算一个数字数组的最大公约数数组最小公倍数求数字数组的最小公倍数用和运算式使用递归计算一个数字数组的最小公倍数返回一个数组中的最大值。 英文文章来源于:https://github.com/Chalarangelo/30-seconds-of-code/blob/master/README.md Array 数组最大公...

      adie 评论0 收藏0

    发表评论

    0条评论

    tinysun1234

    |高级讲师

    TA的文章

    阅读更多
    最新活动
    阅读需要支付1元查看
    <