【JS基础回顾】String对象及其常用属性以及方法

简介:

目的很简单,主要回顾下javascript里面String常用的一些属性以及方法,虽然经常使用,但其实一些细节没有注意到,总是等到用到的时候再去查有点浪费时间,因此总结了下加深印象

一、字符串的几种声明方式


var str = 'hello world !';
var str = String('hello world !');
var str = new String('hello world !');
var str = new Object('hello world !');

二、常用String属性和方法

stringObj.length

作用:返回字符串的字符总数



'abc'.length;  //输出:3

stringObj.indexOf(searValue [, fromIndex])

作用:返回searchValue在stringObj中首次出现的位置,默认从位置0开始搜索,除非指了开始搜索的位置 fromIndex

注意:fromIndex可选;如果没有找到searchValue,则返回-1

'abc'.indexOf('c');  //输出 2
'abc'.indexOf('d');  //输出 -1
'abc abc'.indexOf('c', 3);  //输出 6

stringObj.lastIndexOf(searchValue[, fromIndex)

作用:返回searchValue在stringObj中最后一次出现的问题,默认从最后一个字符开始搜索。当指定了fromIndex时,则从fromIndex位置处从后往前搜索

注意:fromIndex可选;如果没有找到searchValue,则返回-1

'abc abc'.lastIndexOf('c');  //输出 6
'abc abc'.lastIndexOf('d');  //输出 -1
'abc abc'.lastIndexOf('c', 5);  //输出 2 

stringObj.charAt(index)

作用:返回stringObj指定位置(index)处的字符,index的取值为 0<index<length

注意:若index>stringObj.length或index<0,则返回空字符串""

'abc'.charAt(1);  //输出 b
'abc'.charAt(10);  //输出 ""

stringObj.toUpperCase()

作用:将stringObj中的小写字母全部转成大写字母



'abC'.toUpperCase();  //输出 ABC

stringObj.toLowerCase()

作用:将stringObj中的大写字母全部转成小写字母



'ABc'.toLowerCase();  //输出 abc

stringObj.concat(string1, string2, ... stringN)

作用:连接两个或多个字符串,首先将参数传入的stringX转成字符串,然后依次连接到stringObj的后面

注意:concat方法不会改变stringObj自身

var str = 'abc';
var tmp = str.concat('def'); abcdef
console.log(tmp);
console.log(str);  //输出 abc

stringObj.substring(start[, end])

作用:截取stringObj从start开始,至end为止之前的所有字符,即包括start处的字符,但不包含end处的字符

注意:end为可选参数,如不指定,则截取从start开始到stringObj末尾的所有字符;start、end均为非负整数

'abcdef'.substring(1, 3);  //输出 bc
'abcdef'.substring(1);  //输出 bcdef
'abcdef'.substring(1, 1);  //输出 ""

stringObj.slice(start[, end])

作用:截取stringObj从start开始,到end为止之前的所有字符;即包括start处的字符,但不包括end处的字符。start与end均可为负值,当为负值时,表示从最后一个字符算起的第n个字符,比如-1表示最后一个字符,-2表示倒数第二个字符。

注意:end为可选参数,如不指定,则截取从start开始到stringObj末尾的所有字符

'abcdef'.slice(1,3);  //输出 bc
'abcdef'.slice(1);  //输出 bcdef
'abcdef'.slice(-3);  //输出 def
'abcdef'.slice(-3, 5);  //输出 de

stringObj.split(separator[, howmany])

作用:将separtor为为分隔,将stringObj分割成一个字符串数组。separator可以是字符串或者正则表达式,若为字符串,则以separator为分割符;弱separator为正则表达式,则以符合separator指定模式的字符串作为分隔符。

注意:haowmany为可选参数,表示分割获得的字符串数组的最大长度,如超过howmany指定的长度,则对结果进行截断;如果howmany为正则表达式,且包含子表达式,则获得的数组里面包含子表达式匹配的字符串

'hello world'.split(' ');  //输出 ['hello', 'world']
'abcdef'.split('');  //输出 ['a', 'b', 'c', 'd', 'e', 'f']
'aa bb cc dd ee'.split(' ', 3);  //输出 ['aa'
'aaa bbb     ccc  dd'.split(/\s+/);  //输出 ['aaa', 'bbb', 'dd']
'aaa_b_ccc'.split('_b_');  //输出 ['aaa', 'ccc']
'aaa_b_ccc'.split('_(b)_');  //输出 ["aaa", "b", "ccc"]

stringObj.match(regexp)

作用:在字符串内检索指定的正则表达式的匹配结果,该结果与regexp是否有指定全局标志g有关

1)没有g:只是执行一次搜索;如果没有匹配的字符串,则返回null;如果有匹配的字符串,则返回一个数组,数组的第1个元素存放的是 regexp匹配的结果,数组内剩余的其他元素,分别存放regexp子表达式匹配的结果;除此之外,返回结果还有两个属性,分别是input以及 index;input属性存放的是原始字符串stringObj,index是匹配的起始字符在stringObj中的位置

2)有g:进行全局搜索,并返回所有匹配的子字符串(不包含子表达式匹配结果);如果没有匹配的字符串,返回null;如有匹配的字符串,则返回的数组里存放的所有匹配的子字符串;需要注意的时候,此时没有index、input属性

//无全局标志g+无子表达式
var result = 'abc123'.match(/12/);  //输出 ['12']
console.log(result.index);  //输出 3
console.log(result.input);  //输出 'abc123'

//无全局标志g+无匹配结果
result = 'abc123'.match(/def/);  //输出 null

//无全局标志g+有子表达式
result = 'abc123'.match(/bc(123)/);  //输出 ['bc123', '123']

//有全局标志+无子表达式
result = 'abc123abc123'.match(/ab/g);  //输出 ['ab', 'ab']

//无全局标志+有子表达式
result = 'abc123abc123'.match(/abc(123)/);  //输出 ['abc123', 'abc123']

stringObj.search(regexp)

作用:检索与正则表达式regexp匹配的子字符串。如果没有匹配结果,则返回-1;如果有匹配结果,则返回第一个匹配结果的起始位置

'abcdef'.search(/\d/);  //输出 -1
'123-456-789'.search(/-\d/);  //输出 3

作用:将stringObj中的一部分字符串替换为另一部分字符串;如果regexp为字符串,则直接替换 stringObj中等于regexp的第一个子字符串;如果regexp为正则表达式,则需要看是否有全局标志g。如果无g,则替换第一个子串;如果有 g,则替换所有子串;

注意:注意事项比较多,这里只举几个简单例子,更多参考资料请参见http://www.w3school.com.cn/js/jsref_replace.asp


'Hello World'.replace('World', 'Casper');  //返回 'Hello Casper'

'123abc123'.replace(/\d+/, 'D');  //返回 'Dabc123'
'123abc123'.replace(/\d+/g, 'D');  //返回 'DabcD'

'abc123'.replace(/bc(12)/, function(){  //输出 'aBC123'

    console.log(arguments[0]);  //输出 'bc12'(匹配的子字符串)
    console.log(arguments[1]);  //输出 '12'(匹配的第一个子表达式)
    console.log(arguments[2]);  //输出 1(第一个匹配起始的位置)
    console.log(arguments[3]);  //输出 'abc123'(原始字符串)

    return arguments[0].toUpperCase();
});

三、写在后面

一些比较不常用的方法,比如stringObj.charCodeAt,或者标准里面没有明确说明实现的方法,如stringObj.substr,这里没有进行说明,如欲了解,可点击下面的链接查看

主要参考来源:http://www.w3school.com.cn/js/jsref_obj_string.asp

文中示例如有错漏,请指出;如觉得文章对您有用,可点击“推荐” :)


相关文章
|
20天前
|
监控 负载均衡 JavaScript
有哪些有效的方法可以优化Node.js应用的性能?
有哪些有效的方法可以优化Node.js应用的性能?
144 69
|
1月前
|
JavaScript 前端开发 Java
js 垃圾回收机制的方法
JS回收机制方法讲解
|
3月前
|
前端开发 JavaScript
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
有没有方法可以保证在JavaScript中多个异步操作的执行顺序?
112 58
|
6月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
125 1
|
2月前
|
JavaScript 前端开发 Java
深入理解 JavaScript 中的 Array.find() 方法:原理、性能优势与实用案例详解
Array.find() 是 JavaScript 数组方法中一个非常实用和强大的工具。它不仅提供了简洁的查找操作,还具有性能上的独特优势:返回的引用能够直接影响原数组的数据内容,使得数据更新更加高效。通过各种场景的展示,我们可以看到 Array.find() 在更新、条件查找和嵌套结构查找等场景中的广泛应用。 在实际开发中,掌握 Array.find() 的特性和使用技巧,可以让代码更加简洁高效,特别是在需要直接修改原数据内容的情形。 只有锻炼思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一
|
2月前
|
移动开发 运维 供应链
通过array.some()实现权限检查、表单验证、库存管理、内容审查和数据处理;js数组元素检查的方法,some()的使用详解,array.some与array.every的区别(附实际应用代码)
array.some()可以用来权限检查、表单验证、库存管理、内容审查和数据处理等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
2月前
|
供应链 JavaScript 前端开发
通过array.every()实现数据验证、权限检查和一致性检查;js数组元素检查的方法,every()的使用详解,array.some与array.every的区别(附实际应用代码)
array.every()可以用来数据验证、权限检查、一致性检查等数据校验工作,核心在于利用其短路机制,速度更快,节约性能。 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您带来一点帮助,麻烦您点个赞支持一下,还可以收藏起来以备不时之需,有疑问和错误欢迎在评论区指出~
|
6月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
441 62
|
4月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
89 13
|
6月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
180 5