首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JavaScript编码之路 【JavaScript之操作数组、字符串方法汇总】

concat() concat()方法是JavaScript数组的一个内置方法,用于合并两个或多个数组。当调用concat()方法时,它会创建原始数组的一个副本,并将指定的参数数组连接到副本的末尾。...需要注意的是,如果数组中包含 null 或 undefined 等特殊值,它们会被转换为空字符串。...总结一下,join() 方法可以将数组中的所有元素转换为字符串,并使用指定的分隔符连接起来,返回一个新的字符串。...然后,将每次函数调用的结果构成一个新数组doubledNumbers并打印出来。 通过map()方法,我们可以对数组中的每个元素进行自定义的操作,并将操作的结果组成一个新的数组返回。...search() search() 方法是 JavaScript 字符串对象的一个方法,它用于在字符串中查找指定正则表达式的第一个匹配项,并返回匹配项的索引值。

19610

JavaScript 编程精解 中文第三版 九、正则表达式

首先,由于斜杠会结束整个模式,因此模式中包含斜杠时,需在斜杠前加上反斜杠。此外,如果反斜杠不是特殊字符代码(比如\n)的一部分,则会保留反斜杠,不像字符串中会将其忽略,也不会改变模式的含义。...假如我们想匹配任意数字。在正则表达式中,我们可以将一组字符放在两个方括号之间,该表达式可以匹配方括号中的任意字符。 下面两个表达式都可以匹配包含数字的字符串。...如果我们不只是想验证字符串中是否包含日期,还想将字符串中的日期字符串提取出来,并将其转换成等价的日期对象,那么我们可以使用圆括号包围那些匹配数字的模式字符串,并直接将日期从exec的结果中提取出来。...所谓单词边界,指的是起始和结束位置都是单词字符(也就是\w代表的字符集合),而起始位置的前一个字符以及结束位置的后一个字符不是单词字符。...$1会替换为第一个元组匹配的字符串,$2会替换为第二个,依次类推,直到$9为止。也可以使用$&来引用整个匹配。 第二个参数不仅可以使用字符串,还可以使用一个函数。

1.7K60
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript String高阶用法

    (a[3]); 在这个正则表达式 “/(\.).*(\.).*(\.)/”中,左右两个斜杠是匹配模式分隔符,JavaScript 解释器能够根据这两个分隔符来识别正则表达式。...$’(美元符号+单引号) 位于匹配字符串右侧的文本 $$ 表示 $ 字符串 示例1 下面代码把字符串中每个单词转换为首字母大写形式显示。...在上面示例中替换函数的参数为特殊字符“$1”,它表示正则表达式 /(\b\w+\b)/ 中小括号匹配的文本,然后在函数结构内对这个匹配文本进行处理,截取其首字母并转换为大写形式,余下字符全为小写,然后返回新处理的字符串...第一个参数表示与匹配模式相匹配的文本,如上面示例中每次匹配的单词字符串。 其后的参数是与匹配模式中子表达式相匹配的字符串,参数个数不限,根据子表达式数而定。...直接比较字符串大小 在 JavaScript 中,可以直接使用 >、两个字符串的大小,就像比较两个数字一样。

    20120

    万字长文带你走进 JavaScript 的世界

    该标准从一开始就是针对 JavaScript 语言制定的,但是之所以不叫 JavaScript,有两个原因。...) 把数组转换为字符串,并返回结果 toLocaleString( ) 把数组转换为本地数组,并返回结果 unshift( ) 向数组的开头添加一个或更多元素,并返回新的长度 valueOf( ) 返回数组对象的原始值...查找单个字符,除了换行和行结束符 \w 查找单词字符 \W 查找非单词字符 \d 查找数字 \D 查找非数字字符 \s 查找空白字符 \S 查找非空白字符 \b 匹配单词边界 \B 匹配非单词边界 \0...全局对象是作用域链的头,还意味着在顶层 JavaScript 代码中声明的所有变量都将成为全局对象的属性。   全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。...parseInt() 解析一个字符串并返回一个整数 String() 把对象的值转换为字符串 unescape() 对由 escape() 编码的字符串进行解码

    1.3K20

    前端JS手写代码面试专题(一)

    面试季来临,JavaScript的面试题目也开始频频出现在各位求职者的复习资料中。 1、如何编写一个JavaScript函数来反转给定字符串中的单词顺序? 这个问题的答案其实非常巧妙而简洁。...这一步的目的是把整个字符串拆分成可以单独操作的小块,即单词。 接下来,通过 reverse() 方法,我们将这个数组中单词的顺序颠倒。...8、如何将包含连字符(-)和下划线(_)的字符串转换为驼峰命名风格呢? 在JavaScript开发中,对字符串的处理是日常任务中不可或缺的一部分。.../g来查找字符串中的所有连字符或下划线,以及紧随其后的任意字符。在replace方法中使用的回调函数将这些匹配到的字符转换为大写,而连字符或下划线本身则被移除,从而实现了转换为驼峰命名的效果。...具体来说,右侧的[b, a]创建了一个包含b和a值的新数组,然后通过解构赋值[a, b]将数组中的第一个元素(即原来的b的值)赋给a,将第二个元素(即原来的a的值)赋给b,从而实现了a和b的值交换。

    18210

    前端切图仔,常用的21个字符串方法(下)

    方法 描述 charAt() 返回指定索引位置的字符 charCodeAt() 返回指定索引位置字符的 Unicode 值 concat() 连接两个或多个字符串,返回连接后的字符串 fromCharCode...() 将 Unicode 转换为字符串 indexOf() 返回字符串中检索指定字符第一次出现的位置 lastIndexOf() 返回字符串中检索指定字符最后一次出现的位置 localeCompare(...) 用本地特定的顺序来比较两个字符串 match() 找到一个或多个正则表达式的匹配 replace() 替换与正则表达式匹配的子串 search() 检索与正则表达式相匹配的值 slice() 提取字符串的片断...,并在新的字符串中返回被提取的部分 split() 把字符串分割为子字符串数组 substr() 从起始索引号提取字符串中指定数目的字符 substring() 提取字符串中两个指定的索引号之间的字符...实例 例子 1 在本例中,我们将创建一个新数组,然后显示从其中选取的元素: javascript"> var arr = new Array(3) arr[0]

    54610

    JavaScript 对象所有方法介绍,看这一篇就够了!

    unshift() 向数组的开头添加一个或更多元素,并返回新的长度。 valueOf() 返回数组对象的原始值 2....slice() 提取字符串的片断,并在新的字符串中返回被提取的部分。 small() 使用小字号来显示字符串。 split() 把字符串分割为字符串数组。 strike() 使用删除线来显示字符串。...sub() 把字符串显示为下标。 substr() 从起始索引号提取字符串中指定数目的字符。 substring() 提取字符串中两个指定的索引号之间的字符。 sup() 把字符串显示为上标。...查找单个字符,除了换行和行结束符。 \w 查找单词字符。 \W 查找非单词字符。 \d 查找数字。 \D 查找非数字字符。 \s 查找空白字符。 \S 查找非空白字符。 \b 匹配单词边界。...全局对象是作用域链的头,还意味着在顶层 JavaScript 代码中声明的所有变量都将成为全局对象的属性。 全局对象只是一个对象,而不是类。既没有构造函数,也无法实例化一个新的全局对象。

    1.8K20

    玩转 JavaScript 正则表达式

    重复字符类 字符 匹配 {n,m} 匹配前一项至少n次,但不能超过m次 {n,} 匹配前一项n次或多次 {n} 匹配前一项n次 ?...匹配前一项0次或1次,也就是说前一项是可选的,等价于{0,1} + 匹配前一项1次或多次,等价于{1,} * 匹配前一项0次或多次,等价于{0,} 注: javascript默认是贪婪匹配,也就是说匹配重复字符是尽可能多地匹配...:”形式的分组不编码 锚字符 字符 匹配 ^ 匹配字符串的开头,在多行检索中,匹配一行的开头 $ 匹配字符串的结尾,在多行检索中,匹配一行的结尾 \b 匹配一个单词的边界,简而言之,就是位于字符\w和字符...global 只读布尔值,是否带修饰符g ignoreCase 只读布尔值,是否带修饰符i multiline 只读布尔值,是否带修饰符m lastIndex 可读写整数,如果带g修饰符,这个属性储存在整个字符串中下一次检索开始的位置...ES5中,正则表达式直接量的每次计算都会创建一个新的RegExp对象,每个新的RegExp对象具有各自的lastIndex属性,这势必会大大减少“残留”lastIndex属性对程序造成的意外影响。

    4.3K00

    玩转JavaScript正则表达式

    重复字符类 字符 匹配 {n,m} 匹配前一项至少n次,但不能超过m次 {n,} 匹配前一项n次或多次 {n} 匹配前一项n次 ?...匹配前一项0次或1次,也就是说前一项是可选的,等价于{0,1} + 匹配前一项1次或多次,等价于{1,} * 匹配前一项0次或多次,等价于{0,} 注: javascript默认是贪婪匹配,也就是说匹配重复字符是尽可能多地匹配...:”形式的分组不编码 锚字符 字符 匹配 ^ 匹配字符串的开头,在多行检索中,匹配一行的开头 $ 匹配字符串的结尾,在多行检索中,匹配一行的结尾 \b 匹配一个单词的边界,简而言之,就是位于字符\w和字符...global 只读布尔值,是否带修饰符g ignoreCase 只读布尔值,是否带修饰符i multiline 只读布尔值,是否带修饰符m lastIndex 可读写整数,如果带g修饰符,这个属性储存在整个字符串中下一次检索开始的位置...ES5中,正则表达式直接量的每次计算都会创建一个新的RegExp对象,每个新的RegExp对象具有各自的lastIndex属性,这势必会大大减少“残留”lastIndex属性对程序造成的意外影响。

    1.4K50

    玩转JavaScript正则表达式

    重复字符类 字符 匹配 {n,m} 匹配前一项至少n次,但不能超过m次 {n,} 匹配前一项n次或多次 {n} 匹配前一项n次 ?...匹配前一项0次或1次,也就是说前一项是可选的,等价于{0,1} + 匹配前一项1次或多次,等价于{1,} * 匹配前一项0次或多次,等价于{0,} 注: javascript默认是贪婪匹配,也就是说匹配重复字符是尽可能多地匹配...:”形式的分组不编码 锚字符 字符 匹配 ^ 匹配字符串的开头,在多行检索中,匹配一行的开头 $ 匹配字符串的结尾,在多行检索中,匹配一行的结尾 \b 匹配一个单词的边界,简而言之,就是位于字符\w和字符...global 只读布尔值,是否带修饰符g ignoreCase 只读布尔值,是否带修饰符i multiline 只读布尔值,是否带修饰符m lastIndex 可读写整数,如果带g修饰符,这个属性储存在整个字符串中下一次检索开始的位置...ES5中,正则表达式直接量的每次计算都会创建一个新的RegExp对象,每个新的RegExp对象具有各自的lastIndex属性,这势必会大大减少“残留”lastIndex属性对程序造成的意外影响。

    1.1K30

    百度Web前端技术学院(2)-JavaScript 基础

    循环(迭代)过程 方法 | 描述 filter | 对数组中的每一个元素调用参数中指定的过滤函数,并将对于过滤函数返回值为true的那些数组元素集合为新的数组返回。...replace() | 替换与正则表达式匹配的子串。 search() | 检索与正则表达式相匹配的值。 slice()| 提取字符串的片断,并在新的字符串中返回被提取的部分。...例如,/\w/ 匹配 “apple” 中的 ‘a’,”$5.28” 中的 ‘5’ 和 “3D” 中的 ‘3’。 \W | 匹配任意不是基本拉丁字母表中单词(字母数字下划线)字符的字符。...\cX |X 是 A - Z 的一个字母。匹配字符串中的一个控制字符。 例如,/\cM/ 匹配字符串中的 control-M。 \xhh | 匹配编码为 hh (两个十六进制数字)的字符。...\B |匹配一个零宽非单词边界(zero-width non-word boundary),如两个字母之间或两个空格之间。

    2.1K40

    资源 | 正则表达式的功法大全

    匹配在“ab”后面跟着零个或一个“c”的字符串 abc{2} 匹配在“ab”后面跟着两个“c”的字符串 abc{2,} 匹配在“ab”后面跟着两个或更多“c”的字符串 abc{2,5}...:) 对于从字符串或数据中抽取信息非常重要,我们可以使用 Python 等不同的编程语言实现这一功能。从多个分组中捕获的多个匹配项将以经典的数组形式展示:我们可以使用匹配结果的索引访问它们的值。...它同样能表达相反的非单词边界「B」,它会匹配「」不会匹配的位置,如果我们希望找到被单词字符环绕的搜索模式,就可以使用它。...BabcB 只要是被单词字符环绕的模式就会匹配 -> Try it! (https://regex101.com/r/cO8lqs/26) 前向匹配和后向匹配:(?=) 和 (?...; 字符串替代,将字符串中的某个字符替换为其它字符。

    1.6K40

    JavaScript学习参考结构

    变量var 单变量,多变量 数据类型:字符串、数字、布尔、数组、对象、null、undefined 函数 有参函数 无参函数 运算符 判断 JavaScript中支持两个中条件语句,分别是:if 和 switch...sub() 把字符串显示为下标。 substr() 从起始索引号提取字符串中指定数目的字符。 substring() 提取字符串中两个指定的索引号之间的字符。 sup() 把字符串显示为上标。...\D 查找非数字字符。 \s 查找空白字符。 \S 查找非空白字符。 \b 匹配单词边界。 \B 匹配非单词边界。 \0 查找 NUL 字符。 \n 查找换行符。 \f 查找换页符。...HTML、CSS、事件、节点 事件句柄 (Event Handlers) HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript...History 对象方法 方法 描述 back() 加载 history 列表中的前一个 URL。 forward() 加载 history 列表中的下一个 URL。

    2K20

    浅析JavaScript正则表达式

    4.重复字符匹配 字符 匹配 {n,m} 前一项至少n次,但不超过m次 {n,} 前一项n次或者更多次 {n} 前一项n次 ?...5.选择、分组和引用 javascript正则语法还包括指定选择项、子表达式分组和引用前一子表达式的特殊字符。...6.指定匹配位置 正则表达式中匹配位置是一个难点 锚字符与断言 字符 含义 ^ 匹配字符串的开头,在多行检索中匹配一行的开头 $ 匹配字符串的结尾,在多行检索中匹配一行的结尾 \b 匹配一个单词的边界...19)99 与不跟在 19 后面的 99 的实例匹配 demo: 要匹配javascript中的javascript,此时用断言最合适 /(?...:是一个只读的布尔值,用以说明正则表达式是否带有修饰符m lastIndex:是一个可读/写的整数,如果匹配模式带有g修饰符,这个属性存储在整个字符串的下一次检索的开始位置,会被exec(),test

    1.6K30

    JavaScript 权威指南第七版(GPT 重译)(四)

    class声明语句定义了一个新变量Range,并将这个特殊的constructor函数的值赋给该变量。...例如,\b匹配 ASCII 单词边界——\w(ASCII 单词字符)和\W(非单词字符)之间的边界,或者 ASCII 单词字符和字符串的开头或结尾之间的边界。...如果要搜索“Java”作为单独的单词(而不是作为“JavaScript”中的前缀),可以尝试模式/\sJava\s/,这需要单词前后有空格。但是这种解决方案有两个问题。...首先是整个匹配的文本。接下来,如果正则表达式有捕获组,那么被这些组捕获的子字符串将作为参数传递。下一个参数是匹配被找到的字符串中的位置。之后,调用replace()的整个字符串也会被传递。...控制台 API 定义了以下函数: console.log() 这是控制台函数中最为人熟知的。它将其参数转换为字符串并将它们输出到控制台。它在参数之间包含空格,并在输出所有参数后开始新的一行。

    46810

    正则表达式入门 — 一个通过例子来说明的备忘单

    在末尾我们可以规定一个标志使用以下的值(我们也可以将它们相互结合): g(全局的) 在第一匹配之后不会立即返回,从前面匹配之后继续搜索 m (多行的) 当使用 ^ 以及 $ 的时候将会匹配行首和行尾而不是整个字符串...i (大小写不敏感的) 让整个表达式大小写不敏感(比如 /aBc/i 将匹配 Abc) 中级知识点 分组以及捕获 — () a(bc) 括号产生一个值为 bc 的捕获分组...(https://regex101.com/r/cO8lqs/25) \b 代表一个锚类似于符号 (等同于 $ 以及 ^) 的匹配位置, 其中一侧是单词字符(如 \w),另外一侧不是单词字符(例如它可能是字符串的开头或空格字符...随之而来是它的否定, \B. 这将会匹配所有 \b 不会匹配的位置如果我们希望搜索模式可以被单词字符所匹配。...: 数据验证 (比如检查一个时间字符串 i 的格式是正确的) 数据抓取(特别是网页抓取,最终按特定顺序查找包含特定单词集的所有页面) 数据转换(将数据从“原始”转换为另一种格式) 字符串解析(例如捕获所有

    1.8K20

    资源 | 正则表达式的功法大全,做NLP再也不怕搞不定字符串了

    匹配在“ab”后面跟着零个或一个“c”的字符串 abc{2} 匹配在“ab”后面跟着两个“c”的字符串 abc{2,} 匹配在“ab”后面跟着两个或更多“c”的字符串 abc{2,5}...:) 对于从字符串或数据中抽取信息非常重要,我们可以使用 Python 等不同的编程语言实现这一功能。从多个分组中捕获的多个匹配项将以经典的数组形式展示:我们可以使用匹配结果的索引访问它们的值。...它同样能表达相反的非单词边界「\B」,它会匹配「\b」不会匹配的位置,如果我们希望找到被单词字符环绕的搜索模式,就可以使用它。...\Babc\B 只要是被单词字符环绕的模式就会匹配 -> Try it! (https://regex101.com/r/cO8lqs/26) 前向匹配和后向匹配:(?=) 和 (?...; 字符串替代,将字符串中的某个字符替换为其它字符。

    1.6K80

    正则表达式之javascript

    / //匹配3个单词加一个可选数字 /\s+java\s+/ //匹配java单词前后至少一个空格 /[^(]*/ //匹配以一个或者多个左括号开始的字符 5.非贪婪 重复为尽可能的多匹配,非贪婪模式是尽可能的少匹配...只组合,把项组合到一个单元,但不记忆与改组相匹配的字符 \n 和第n个分组第一次匹配的字符相匹配,组是圆括号中的子表达式(也可能是嵌套的),组索引是从左到右的左括号数,(?...: 形式的分组不编码 7.锚字符 ^ 匹配字符串的开头,在多行检索中匹配一行的开头 $ 匹配字符串的结尾,在多行检索中匹配一行的结尾 \b 匹配一个单词的边界,就是位于\w与\W之间的位置 \B...匹配非单词边界的位置 (?...m lastIndex:是一个可读/写的整数,如果匹配模式带有g修饰符,这个属性存储在整个字符串的下一次检索的开始位置,会被exec(),test()方法用到 RegExp方法 exec() 执行字符串的匹配检索

    79430
    领券