js移动字符串顺序 js字符排序 收藏 0

100个原生JavaScript代码片段知识点详细汇总【实践】

作者：小棋子js

转发链接：https://www.jianshu.com/p/b5171efa340f

JavaScript 是目前最流行的编程语言之一，正如大多数人所说：“如果你想学一门编程语言，请学JavaScript。”

FreeCodeCamp的创始人 Quincy Larson 在最近的一次采访中被问到哪种语言开发人员应该首先学习。他回答：“ JavaScript。”：

“软件正在吞噬世界，JavaScript正在吞噬软件。JavaScript每年都在变得越来越占主导地位，而且没人知道最终会取代它的是什么。\” 如果您没有充分的理由学习一种新语言（例如您的工作要求您维护非JavaScript代码库），那么我的建议是着重于提高JavaScript的水平。”

听我说这么多，你是不是很激动呢。这里有100端常用的JS代码片段，方便你学习和使用。

前面小编也整理一部分关于JavaScript相关学习资料文章，不知道小伙伴们是否还记得：

《》

《》

《》

《》

《》

《》

《》

更多JavaScript相关学习资料文章，请见文章底部

《》

《》

《》

《》

《》

《》

《》

《》《》

《》

作者：小棋子js转发链接：https://www.jianshu.com/p/b5171efa340f

JavaScript字符串方法：localeCompare()

一、简介

localeCompare() 方法用于比较两个字符串，并根据本地排序规则确定这两个字符串的顺序。这可以用于排序，例如在表格中按字母顺序排列行。

二、语法

string.localeCompare(compareString[, locales[, options]])

三、参数解释

compareString：必需。要与调用字符串进行比较的字符串。

locales：可选。一个字符串数组，用于指定一种或多种区域设置代码。

options：可选。一个包含属性的对象，用于控制比较的各方面。

四、使用实例

以下实例演示如何使用 localeCompare() 方法比较两个字符串：

在这个例子中，我们比较了两个字符串 a 和 b。方法返回一个数字，表示两个字符串之间的关系。如果第一个字符串应该排在第二个字符串的前面，则返回一个正数。如果第一个字符串应该排在第二个字符串的后面，则返回一个负数。如果两个字符串相同，则返回 0。

localeCompare() 方法还可以接受第二个参数 locales，该参数是一个字符串数组，用于指定一种或多种区域设置代码。例如：

var a = \”Über\”;

var b = \”Ufer\”;

console.log(a.localeCompare(b, \”de\”)); // -1

console.log(b.localeCompare(a, \”de\”)); // 1

在这个例子中，我们将区域设置代码设置为 \”de\”，这意味着我们使用德语的本地排序规则进行比较。在这种情况下，字符串 \”Über\” 应该排在字符串 \”Ufer\” 的前面，因此 localeCompare() 方法返回一个负数。

localeCompare() 方法还可以接受第三个参数 options，该参数是一个包含属性的对象，用于控制比较的各方面。例如：

var a = \”Straße\”;

var b = \”Strasse\”;

console.log(a.localeCompare(b, \”de\”, { sensitivity: \”base\” })); // 0

在这个例子中，我们将 options 对象的 sensitivity 属性设置为 \”base\”，这意味着我们使用基本比较规则进行比较。在这种情况下，字符串 \”Straße\” 和 \”Strasse\” 应该相等，因为 \”ß\” 可以视为 \”ss\”，因此 localeCompare() 方法返回 0。

五、注意事项

1、localeCompare() 方法是大小写敏感的。例如，\”a\” 和 \”A\” 是不同的字符。

2、localeCompare() 方法也是重音符号敏感的。例如，\”é\” 和 \”è\” 是不同的字符。

3、localeCompare() 方法的默认区域设置是当前系统的区域设置。

4、localeCompare() 方法返回的数字取决于本地排序规则。不同的语言和不同的区域设置可能会有不同的排序规则。

5、localeCompare() 方法不会更改原始字符串。它只是返回一个数字。

六、常用在哪里

localeCompare() 方法通常用于排序字符串数组或表格中的行。此外，它还可以用于比较用户输入的字符串以及验证密码等敏感信息。

JavaScript字符串concat()方法教程

一、简介

JavaScript中的字符串是一种基本数据类型，它可以用单引号或双引号括起来。concat()方法用于将一个或多个字符串连接起来，并返回连接后的新字符串。concat()方法不会改变原始字符串，它只是返回一个新的字符串。

二、语法

str.concat(string1, string2, …, stringX)

三、参数：

string1, string2, …, stringX：要连接的字符串。

四、参数解释

concat()方法接受一个或多个字符串作为参数，这些字符串将被连接在一起。如果没有参数传入，则返回调用该方法的原始字符串。

五、使用实例

const str1 = \’Hello\’;

const str2 = \’World\’;

const str3 = \’!\’;

const result = str1.concat(\’ \’, str2, str3);

console.log(result); // 输出 \”Hello World!\”

在上面的例子中，我们定义了三个字符串：str1、str2和str3。然后我们调用了concat()方法，将这些字符串连接在一起，并将结果存储在result变量中。

我们在concat()方法中使用了三个参数：\’ \’空格、str2和str3。\’ \’空格作为分隔符，将str1和str2连接在一起；str3作为结尾，将整个字符串连接到一起。

六、注意事项

1、concat()方法不会改变原始字符串，它只是返回一个新的字符串。如果需要改变原始字符串，请使用赋值语句来重新赋值。

2、在使用concat()方法连接多个字符串时，需要注意参数的顺序。将需要连接的字符串放在concat()方法的括号中，按照它们应该出现的顺序连接。

七、常用在哪里

concat()方法在JavaScript中非常常用，它可以用于连接两个或多个字符串，创建新的字符串。例如，当我们需要将一个用户的名字和姓氏连接在一起时，就可以使用concat()方法。

const firstName = \’John\’;

const lastName = \’Doe\’;

const fullName = firstName.concat(\’ \’, lastName);

console.log(fullName); // 输出 \”John Doe\”

此外，concat()方法还可以用于连接不同的变量或常量，以及动态生成字符串。

本文作者及来源:Renderbus瑞云渲染农场https://www.renderbus.com