javascript中字符串(string)的常用方法汇总

yzd 发布于2019-08-22 15:31 / 2834人阅读

摘要：方法从一个字符串中返回指定的字符。查找字符串下标并返回值序方法返回一个编码点值的非负整数。填充从当前字符串的开始左侧应用的。

学习javascript的过程中，总是容易string忘记方法，把字符串的一些方法全部汇总在一起，方便查看和增加记忆.

创建字符串

let str="hello word"  字符串

数字转转字符串的方法:

let  number=0;  //数字类型
console.log(String(number))  //0  字符串
console.log(new String(number))  //[String: "0"]  对象形式

静态 String.fromCharCode() 方法返回使用指定的Unicode值序列创建的字符串。

console.log(String.fromCharCode(65,66,67))  //ABC

String.fromCodePoint() 静态方法返回使用指定的代码点序列创建的字符串。

String.fromCodePoint(65, 90);   // "AZ"

charAt() 方法从一个字符串中返回指定的字符。

console.log("hello".charAt(3))  //l

charCodeAt() 查找字符串下标并返回unicode 值序

console.log("ABC".charCodeAt(0)) // returns 65

codePointAt() 方法返回一个 Unicode 编码点值的非负整数。

console.log("ABC".codePointAt(0)) // returns 65

concat()方法将一个或多个字符串与原字符串连接合并，形成一个新的字符串并返回。

let hello = "hello";
console.log(hello.concat(" word","!")); //hello word!

endsWith()判断字符串结尾是否以指定的字符串结尾

endsWith(searchString,position)
searchString 为制定的字符串
position 搜索截止的下标，没有填写即为字符串length
let str = "To be, or not to be, that is the question.";
console.log( str.endsWith("question.") );  // true
console.log( str.endsWith("to be") );      // false

includes() 方法用于判断一个字符串是否包含在另一个字符串中，根据情况返回true或false。

console.log("Blue Whale".includes("blue"));  //false 区分大小写
console.log("Blue Whale".includes("Blue"));  //true

indexOf(searchValue,fromIndex) //在字符串中查找searchValue第一次出现的index，fromIndex默认为0，开始搜索的位置

console.log("Blue Whale".indexOf("Whale", 5));   //5
console.log("Blue Whale".indexOf("Whale", 12));  //-1

lastIndexOf(searchValue,fromIndex) 方法返回指定值在调用该方法的字符串中最后出现的位置，如果没找到则返回 -1

console.log("canal".lastIndexOf("a"))  // returns 3
console.log("canal".lastIndexOf("a",7))  // returns 3

match() 当一个字符串与一个正则表达式匹配时， match()方法检索匹配项。

var match = "For more information, see Chapter 3.4.5.1";
var re = /see (chapter d+(.d)*)/i;
var found = match.match(re);
console.log(found);  
// [ "see Chapter 3.4.5.1",
// "Chapter 3.4.5.1",
// ".1",
// index: 22,
// input: "For more information, see Chapter 3.4.5.1" ]

es6 padEnd() 方法会用一个字符串填充当前字符串（如果需要的话则重复填充），返回填充后达到指定长度的字符串。从当前字符串的末尾（右侧）开始填充。

console.log("abc".padEnd(10));          // "abc       " 长度为10
"abc".padEnd(10, "foo");   // "abcfoofoof"  //长度为10
"abc".padEnd(6, "123456"); // "abc123" 长度为6

es6padStart() 方法用另一个字符串填充当前字符串(重复，如果需要的话)，以便产生的字符串达到给定的长度。填充从当前字符串的开始(左侧)应用的。

"abc".padStart(10);         // "       abc"  长度为10
"abc".padStart(10, "foo");  // "foofoofabc"
"abc".padStart(6,"123465"); // "123abc"

repeat()构建并返回一个新字符串，

console.log("abcd".repeat(2));   //abcdabcd
console.log("abcd".repeat(0)); //""
console.log("abcd".repeat(3.5)); //abcdabcdabcd 小数会进行一个求余转整数

replace() 匹配元素替换

console.log("hi word".replace("hi","hello"))  //hello word

search() 方法执行正则表达式和 String对象之间的一个搜索匹配。

console.log("abc".search("b"))  //下标为1

slice(beginSlice，endSlice) 方法提取一个字符串的一部分，并返回新的字符串

console.log("abc".slice(1,3))   //bc

split();把字符串根据符号改为数组

console.log("hello word".split(""));[ "h", "e", "l", "l", "o", " ", "w", "o", "r", "d" ]

es6 startsWith(searchString，position) 判断字符串开始是否以指定字符串

searchString 指定字符串
position 开始的位置  默认为0
let sWith="To be, or not to be, that is the question.";
console.log(sWith.startsWith("To")) //true
console.log(sWith.startsWith("to")) //false

substr() 方法返回一个字符串中从指定位置开始到指定字符数的字符。

console.log("hello word".substr(1,2))  //el

substring() 方法返回一个字符串在开始索引到结束索引之间的一个子集, 或从开始索引直到字符串的末尾的一个子集。

var anyString = "Mozilla";
console.log(anyString.substring(0,3)); //Moz
console.log(anyString.substring(3,0)); //Moz

toLocaleLowerCase() 字符串转换为小写

console.log("ALPHABET".toLocaleLowerCase());  //alphabet

toLocaleUpperCase() 字符串转换为大小写

console.log("alphabet".toLocaleUpperCase()); //ALPHABET

toLowerCase() 转换为小写

console.log("ALPHABET".toLowerCase());  //alphabet

toUpperCase()转换为大写

console.log("alphabet".toUpperCase()) //ALPHABET

trim()去除字符串两边的空格

console.log(" hello ".trim()); //hello

valueOf() 返回一个string对象的原始值

let string=new String("hello word");
console.log(string); //[String: "hello word"]
console.log(string.valueOf())  //hello word

raw() 是一个模板字符串的标签函数

let name="xiaozhang";
console.log(String.raw`hello ${name}`); //hello xiaozhang

常用的转义符号

     空字符
 "    单引号
 "    双引号
     反斜杠
 
    换行
 
    回车
 v    垂直制表符
 	    水平制表符
     退格
 f    换页
 uXXXX    unicode 码
 u{X} ... u{XXXXXX}    unicode codepoint 
 xXX    Latin-1 字符(x小写)

今天就先写到这里，希望大家喜欢，也希望大家指点错误，也可以加入qq群439667347，大家一起讨论，一起进步，后续更新中...

专线服务服务器托管 16种常用的数据分析方法汇总 jquery常用的方法 mysql常用命令汇总常用的数据统计方法

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

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

前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

张利勇 2019-08-29 11:17 评论0 收藏0
前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

CodeSheep 2019-08-05 10:08 评论0 收藏0
前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

wangzy2019 2019-08-01 15:43 评论0 收藏0
前端实习面试汇总

摘要：题目来源前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录下来进行一个总结，同样也希望对正在准备面实习生的童鞋们有所帮助最后一个参数是做什么用的答规定事件是冒泡还是捕获。最近一直在多看基础的书多码代码准备找实习，在网上也搜罗了不少面经，现在把搜罗到的实习生面试题自己整理一下。题目来源：前端实习生面试总结最近开始了几次面试，虽然还不知道结果如何，但是还是要记录...

NicolasHe 2019-08-22 10:37 评论0 收藏0
一些前端面试题汇总

摘要：类型请求成功后的回调函数。参数由服务器返回，并根据参数进行处理后的数据描述状态的字符串。默认设置下，所有请求均为异步请求。类型发送请求前可修改对象的函数，如添加自定义头。对象是唯一的参数。如果返回可以取消本次请求。设置为将不缓存此页面。题目一 : 统计字符串中出现次数最多的字符 eg : var s = abcdefghijklabcdaaaefadca ; // 其中a出现次数最多...

mtunique 2019-08-20 16:39 评论0 收藏0