Day17 - 数组排序中文指南

coordinate35 发布于2019-08-20 18:36 / 845人阅读

摘要：一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果。返回值一个部分或全部匹配由替代模式所取代的新的字符串。

Day17 - 数组排序中文指南

作者：©黎跃春-追时间的人
简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个视频教程、30 个挑战的起始文档和 30 个挑战解决方案源代码。目的是帮助人们用纯 JavaScript 来写东西，不借助框架和库，也不使用编译器和引用。现在你看到的是这系列指南的第 17 篇。完整中文版指南及视频教程在从零到壹全栈部落。

效果图

今天的挑战是对数组进行排序。将乐队按照乐曲名称进行排序，曲名前面的a/an/the的单词不参与排序。

源码

正则表达式

/^(a |an |the )/ig ^代表以什么什么开头，^(a |an |the )代表以a 或者an 或者the 开头，i代表不区分大小写，g代表整个字符串全局搜索。

replace

replace→参考文档

replace() 方法返回一个由替换值替换一些或所有匹配的模式后的新字符串。模式可以是一个字符串或者一个正则表达式, 替换值可以是一个字符串或者一个每次匹配都要调用的函数。

replace() 方法返回一个由替换值替换一些或所有匹配的模式后的新字符串。模式可以是一个字符串或者一个正则表达式, 替换值可以是一个字符串或者一个每次匹配都要调用的函数。

语法

str.replace(regexp|substr, newSubStr|function)

参数:

regexp (pattern)
一个 RegExp 对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉。

substr (pattern)
一个要被 newSubStr 替换的字符串。其被视为一整个字符串，而不是一个正则表达式。仅仅是第一个匹配会被替换。

newSubStr (replacement)
用于替换掉第一个参数在原字符串中的匹配部分的字符串。该字符串中可以内插一些特殊的变量名。参考下面的使用字符串作为参数。

function (replacement)
一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果。参考下面的指定一个函数作为参数。

返回值
一个部分或全部匹配由替代模式所取代的新的字符串。

str.replace(/^(a |an |the )/ig, "").trim(); 代表如果字符串前面包涵a 或者an 或者the 中的一个，将其替换成"",trim()代表将新字符串两边的空格去掉。

示例

在 replace() 中使用正则表达式

在下面的例子中，replace() 中使用了正则表达式及忽略大小写标示。

var str = "Twas the night before Xmas...";
var newstr = str.replace(/xmas/i, "Christmas");
console.log(newstr);  // Twas the night before Christmas...

在 replace() 中使用 global 和 ignore 选项

下面的例子中,正则表达式包含有全局替换(g)和忽略大小写(i)的选项,这使得replace方法用"oranges"替换掉了所有出现的"apples".

var re = /apples/gi;
var str = "Apples are round, and apples are juicy.";
var newstr = str.replace(re, "oranges");

// oranges are round, and oranges are juicy.
console.log(newstr);

sort()

Array.prototype.sort()：对产生的新的乐队名称进行排序，可以自定义一个__排序函数__，规定该排序函数的比较规则。
sort() -> 参考文档

Github Source Code

全栈部落	区块链部落

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

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

Day07 - Array Cardio 中文指南二

摘要：中文指南二作者简介是推出的一个天挑战。完整中文版指南及视频教程在从零到壹全栈部落。第七天的练习是接着之前中文指南一的练习，继续熟练数组的方法，依旧没有页面显示效果，所以请打开浏览器的面板进行调试运行。 Day07 - Array Cardio 中文指南二作者：©liyuechun 简介：JavaScript30 是 Wes Bos 推出的一个 30 天挑战。项目免费提供了 30 个...

Forest10 2019-08-20 18:18 评论0 收藏0
MongoDB指南---16、聚合

摘要：将返回结果限制为前个。所以，聚合的结果必须要限制在以内支持的最大响应消息大小。包含字段和排除字段的规则与常规查询中的语法一致。改变字符大小写的操作，只保证对罗马字符有效。只对罗马字符组成的字符串有效。上一篇文章：MongoDB指南---15、特殊的索引和集合：地理空间索引、使用GridFS存储文件下一篇文章：MongoDB指南---17、MapReduce 如果你有数据存储在Mon...

Keagan 2019-06-26 18:06 评论0 收藏0
MongoDB指南---16、聚合

摘要：将返回结果限制为前个。所以，聚合的结果必须要限制在以内支持的最大响应消息大小。包含字段和排除字段的规则与常规查询中的语法一致。改变字符大小写的操作，只保证对罗马字符有效。只对罗马字符组成的字符串有效。上一篇文章：MongoDB指南---15、特殊的索引和集合：地理空间索引、使用GridFS存储文件下一篇文章：MongoDB指南---17、MapReduce 如果你有数据存储在Mon...

_Zhao 2019-07-31 10:36 评论0 收藏0
Day18 - Reduce、Map混合使用计算时分秒

摘要：混合使用计算时分秒本文出自从零到壹全栈部落作者黎跃春追时间的人简介是推出的一个天挑战。完整中文版指南及视频教程在从零到壹全栈部落。效果图第天挑战的内容主要是如何将一系列的加起来，最终计算总时间，总时间用时分秒显示。 Day18 - Reduce、Map混合使用计算时分秒本文出自：从零到壹全栈部落作者：©黎跃春-追时间的人简介：JavaScript30 是 Wes Bos 推出的一个...

raoyi 2019-08-20 18:36 评论0 收藏0