JS字符串的相关方法(第一次写,如有雷同,那就是借鉴的文章)

1、字符方法

charAt()和charCodeAt(),这两个方法都接收一个参数,及基于0的字符位置,charAt()返回的是给定位置的字符,charCodeAt()返回的是给定位置字符的字符编码。与charCodeAt()对应的一个方法是formCharCode()将字符编码转为字符串。 
如:

<script>
    var code = "future";
    console.log(code.charAt(2)); //t
    console.log(code.charCodeAt(2)) //116
</script>

除了以上方法外,还可以通过方括号去访问特定位置的字符,如:

<script>
    var code = "future";
    console.log(code[2]); //t
</script>

使用方括号的方法在IE8,Firefox,Safari,Chrome和Opera中都可以支持,但是在IE7及更早版本中不支持,返回的值为undefined.

2、字符串操作方法

1、字符串拼接:concact()方法。

var a = "my ";
console.log(a.concat("future"));//my future
console.log(a.concat("future ", "will"));//my future will

2、基于子字符串创建新字符串:slice()、substr()和substring().这三个方法都返回操纵字符串的一个子字符串,而且都接收一到两个参数。 
第一个参数指定字符串的开始位置,第二个参数(可省略)表示子字符串到哪里结束。slice()和substring()的第二个参数指定的是子字符串最后一个字符后面的位置,而substr()的第二个参数指定的是返回的字符个数。如果省略第二个参数,则截取到字符串最后一个位置。

var str = "We are family";
console.log(str.slice(2,5));    // ar(从第2个位置开始,不包含第5个位置)
console.log(str.slice(1));      //e are family(从第1个位置开始,一直到最后)
console.log(str.substring(3));  //are family(从第3个位置开始,一直到最后)
console.log(str.substring(3,5));//ar(从第3个位置开始,不包含第5个位置)
console.log(str.substr(2));     // are family(从第2个位置开始,一直到最后)
console.log(str.substr(2,6));   // are f(从第2个位置开始,截取6个字符)

slice()和substring()方法在正值情况下,实现的功能一致,但是在传递的值为负值时,行为就不相同了。 
slice()方法会将传入的负值与字符串的长度相加(因此,如果两个参数都会负值,第二个参数必须要大于第一个参数,否则返回的是空字符串) 
substr()方法会将负的第一个参数加上字符串的长度,将将第二个参数转换为0。(如果第二个参数为负值,返回空的字符串) 
substring()方法将所有的负值参数都转换为0,substring始终会将较小的参数作为开始位置。

var str = "Wearefamily"; //length为11
console.log(str.slice(-3,-8));//相当于str.slice(8,3)//返回空字符串
console.log(str.slice(-5,-1));//相当于str.slice(6,10)//返回ami
console.log(str.substring(3,-4));//相当于str.substring(3,0)//返回Wea
console.log(str.substring(-3,-5));//相当于str.substring(0,0)//返回空字符串
console.log(str.substr(-4,3));//相当于substr(7,3)//返回mil
console.log(str.substr(-4,-3));//相当于substr(7,0)//返回空字符串

3、字符串的位置方法

字符串的位置方法:indexOf()和lastIndexOf()。这两个方法都是从一个字符串中搜索给定的子字符串,然后返回子字符串的位置,没有找到,返回-1.indexOf()从字符串的开头向后搜索子字符串,而lastIndexOf()从字符串的末尾向前搜索子字符串。 

var str = "WEAREFAMILY";
console.log(str.indexOf("A"));//2
console.log(str.lastIndexOf("A"));//6

4.trim()方法

trim()用于去掉字符串收尾的空格

5、字符串大小写转换方法

转换为大写:toUpperCase()和toLocalUpperCase() 
转换为小写:toLowerCase()和toLocalLowerCase()

6、字符串的模式匹配

match(),replace(),search(),replace()以及split()方法是String类型定义的集中用于在字符串中匹配模式的几种方法。 
match方法只接收一个参数,要么是一个正则表达式,要么是一个RegExp对象。在字符串上调用match()方法,本质上和调用RegExp的exec()方法相同,返回的是一个数组

var str = "we are weamy";
var pattern = /we/;
var matches = str.match(pattern);
console.log(matches);//["we", index: 0, input: "we are weamy"]
console.log(pattern.exec(str));//["we", index: 0, input: "we are weamy"]
console.log(matches.index);//0
console.log(matches[0]);//we

search()的参数与match()相同,不同在于search()返回的是字符串中第一个匹配项的索引;如果没有找到匹配项,返回-1. 
replace()方法,接收2个参数,第一个参数可以是一个RegExp对象或者是一个字符串,第二个参数是一个字符串或者是一个函数,如果第一个参数是字符串,那么只会替换第一个字符串,如果想要替换所有的字符串,那么必须使用正则表达式,并指定全局标志(g)

var str = "cat, fat, sat, bat";
console.log(str.replace("at","ooo"));//cooo, fat, sat, bat
console.log(str.replace(/at/g,"ooo"));//cooo, fooo, sooo, booo

如果replace()的第二个参数是字符串,还可以使用一些特殊的字符序列,将正则表达式操作得到的值插入到结果字符中。 
$$ $ 
S& 匹配整个模式的子字符串 
Sn 匹配第n个捕获组的子字符串

var str = "cat, fat, sat, bat";
console.log(str.replace("at","ooo"));//cooo, fat, sat, bat
console.log(str.replace(/(.at)/g,"ooo ($1)"));//ooo (cat), ooo (fat), ooo (sat), ooo (bat)
console.log(str.replace(/(.at)/g,"ooo ($&)"));//ooo (cat), ooo (fat), ooo (sat), ooo (bat)

split()方法接收一个参数作为分隔符,将字符串转变为数组。 
与之相对应的方法是join(),用作将数组转变为字符串。

7、LocalCompare()方法

这个方法用于字符串的比较。 
如果字符串在字母表中应该拍照字符串参数之前,则返回一个负数。(大多数情况下是-1,具体的值要视实现而定) 
如果字符串等于字符串参数,则返回0. 
如果字符串在字母表中的顺序排在字符串参数之后,则返回一个正数。(大多数情况下是1,具体的值要视实现而定)

var str = "break";
console.log(str.localeCompare("future")); //-1
console.log(str.localeCompare("above"));  //1
console.log(str.localeCompare("break"));  //0
时间: 2024-10-07 17:04:41

JS字符串的相关方法(第一次写,如有雷同,那就是借鉴的文章)的相关文章

js 版 简易计算器, 第一次写,有好的建议虚心接受

效果 :  代码 : var calculator = function(obj){ this.obj = obj; this.maxValue = obj.maxValue; this.minValue = obj.minValue; this.operationSymbol = obj.operationSymbol; this.increasing = obj.increasing; this.init(); //Initialization function }; calculator.

第一次写博客,关于前端开发deMVC在js中的应用

对前端MVC MVC分别是model.view.controller的缩写,模型.视图.控制器.这些更加偏向于后台,在以前MVC是只属于后台的.当然随着技术的进步,前端的大牛们将后台的一些东西应用于前端,MVC就是其中之一.  走进MVC MVC三者关系图: 图片有点简单,请谅解,是第一次写,而且时间有点紧!!!  View视图 首先简单介绍一下它的工作原理与承担的业务.首先在这里我们先介绍View,它就是前端的视图界面,负责与用户的交互和拉取数据,如果说的简单点,它就是HTML文件: <!DO

起点.第一次写的东西.

这里记录着人生第一次写的东西..还有很多不懂的东西.以后会做的更好.<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>用户登录</title></head><body background="未标题-3 - 副本.jpg"><!--background 背景图片

第一次写python爬虫

花了4天终于把写完了把国内的几个漏洞平台爬完了,第一次写py,之前一直都在说学习,然后这周任务是把国内的漏洞信息爬取一下.花了1天学PY,剩下的1天一个.期间学习到了很多.总结如下: ==================================================================== =========================================================================================

js字符串常用属性和方法

字符串声明: var str1 = new String(“abcdefgabc”);      //这是一个“字符串对象” var str2 = “abcdefgabc”;                            //这个字符串跟前面str1几乎没有区别 str.length——获得一个字符串的长度(也就是字符个数) 字符串对象的方法: str1.charAt( n );       ——获得字符串str1中位置为n的那个字符(字符的位置也是从0开始算起)var s1 = str

第一次写的MySQLHelper

一. 第一次写MysqlHelper,用来管理城市的数据库 二.MySQLHelper源代码 using MySql.Data.MySqlClient; using System; using System.Collections.Generic; using System.Configuration; using System.Data.SqlClient; using System.Linq; using System.Text; using System.Threading.Tasks;

js 字符串转dom 和dom 转字符串

js 字符串转dom 和dom 转字符串 前言: 在javascript里面动态创建标准dom对象一般使用: var obj = document.createElement('div'); 然后再给obj设置一些属性. 但是,在实际使用过程中,有些人可能会想,要是能这样创建标准的dom对象就好了 伪代码:var obj=strToDom('<div id="div_1" class="div1">Hello World!</div>');

js字符串使用占位符拼接小结

js字符串使用占位符拼接,由于项目中经常用到jquery拼接字符串,各种引号很disgusting所以写了一个占位符拼接的的方法 String.prototype.signMix= function() { if(arguments.length === 0) return this; var param = arguments[0], str= this; if(typeof(param) === 'object') { for(var key in param str = str.repla

第一次写,python爬虫图片,操作excel。

第一次写博客,其实老早就注册博客园了,有写博客的想法,就是没有行动,总是学了忘,忘了丢,最后啥都没有,电脑里零零散散,东找找,西看看,今天认识到写博客的重要性. 最近闲着看了潭州教育的在线直播课程,颇受老师讲课实用有感.只作为自己笔记学习,我们都知道学习一门编程都是先照抄,在创作.这里完全按照老师讲解,照抄作为学习. 一.Python抓取豆瓣妹子图. 工具:python3.6.0;bs4.6.0;xlwt(1.2.0)需要版本对应,之前就安装了bs4但是运行的时候提示版本不对应.可以在线升级:p