freeCodeCamp/apply-functional-programming-to-convert-strings-to-url-slugs.md at 41b7a331008a97d20155c3752b3beb530375ab99

Oliver Eyton-Williams 41b7a33100

fix: replace .chinese.md extension with .md

2020-09-29 22:09:05 +02:00

3.3 KiB

Raw Blame History

id, title, challengeType, forumTopicId, localeTitle

id	title	challengeType	forumTopicId	localeTitle
587d7dab367417b2b2512b6d	Apply Functional Programming to Convert Strings to URL Slugs	1	301227	应用函数式编程将字符串转换为URL片段

Description

最后几个挑战中涵盖了许多符合函数式编程原则并在处理数组和字符串中非常有用的方法。我们还学习了强大的、可以将问题简化为更简单形式的reduce方法，从计算平均值到排序，任何数组操作都可以用它来实现。回想一下，map和filter方法都是reduce的特殊实现。让我们把学到的知识结合起来解决一个实际问题。许多内容管理站点（CMS）为了让添加书签更简单，会将帖子的标题添加到 URL 上。举个例子，如果你写了一篇标题为 "Stop Using Reduce" 的帖子，URL很可能会包含标题字符串的某种形式 (如：".../stop-using-reduce")，你可能已经在 freeCodeCamp 网站上注意到了这一点。

Instructions

填写urlSlug函数，将字符串title转换成带有连字符号的 URL。您可以使用本节中介绍的任何方法，但不要用replace方法。以下是本次挑战的要求：输入包含空格和标题大小写单词的字符串输出字符串，单词之间的空格用连字符(-)替换输出应该是小写字母输出不应有任何空格

Tests

tests:
  - text: <code>globalTitle</code>变量应保持不变。
    testString: assert(globalTitle === "Winter Is Coming");
  - text: 在此挑战中不能使用<code>replace</code>方法。
    testString: assert(!code.match(/\.replace/g));
  - text: "<code>urlSlug('Winter Is Coming')</code>应返回<code>'winter-is-coming'</code>。"
    testString: assert(urlSlug("Winter Is Coming") === "winter-is-coming");
  - text: "<code>urlSlug(' Winter Is  &nbsp;Coming')</code>应返回<code>'winter-is-coming'</code>。"
    testString: assert(urlSlug(" Winter Is  Coming") === "winter-is-coming");
  - text: "<code>urlSlug('A Mind Needs Books Like A Sword Needs A Whetstone')</code>应返回<code>'a-mind-needs-books-like-a-sword-needs-a-whetstone'</code>。"
    testString: assert(urlSlug("A Mind Needs Books Like A Sword Needs A Whetstone") === "a-mind-needs-books-like-a-sword-needs-a-whetstone");
  - text: "<code>urlSlug('Hold The Door')</code>应返回<code>'hold-the-door'</code>。"
    testString: assert(urlSlug("Hold The Door") === "hold-the-door");

Challenge Seed

// the global variable
var globalTitle = "Winter Is Coming";

// Add your code below this line
function urlSlug(title) {


}
// Add your code above this line

var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"

Solution

// the global variable
var globalTitle = "Winter Is Coming";

// Add your code below this line
function urlSlug(title) {
  return title.trim().split(/\s+/).join("-").toLowerCase();
}
// Add your code above this line

var winterComing = urlSlug(globalTitle); // Should be "winter-is-coming"

3.3 KiB Raw Blame History Unescape Escape