JS常用字符串方法(推荐)


Posted in Javascript onJanuary 15, 2021

JS常用字符串方法(推荐)

var str01 = "odd open xboxone" , str02 = "hey"; 
var str03; 
var num = 15;

// 以下省略前半部分的 " str01. " (部分不是这个喔)

charAt(num) // 得到指定索引位置的单字符

charCodeAt(num) // 得到指定索引位置字符的Unicode值 (ascii为其子集)

concat(str01,str02) // 连接俩字符~

indexOf("str") // 取str第一次出现的索引

lastIndexOf("str") // 取str最后一次出现的索引

replace( "oldStr" , "newStr" ) // 找到oldStr替换为newStr

slice( start , end ) // 其对象可以是字符串or数组 , 记得其范围不包括end

substr( start , length ) // 从索引start开始取length个字符 , length不可小于0否则返回空字符串

search("str") // 在str01中搜索字符串"str" , 返回其第一个字符在str01中的索引

String.fromCharCode(uniNum,uniNum) // 参数为Unicode值 ( >=1个即可)

str01.localeCompare(str02) // 以本地特定规则比较 , 若str01>str02 = 1 反之-1 相等为0
str03 = str02.valueOf() ; // 可返回字符串对象(str02)的原始值

str03 = str01.split("str") // 将原字符串分割为一个数组对象 , 分隔符为逗号 , 参数为 空 空格 字符串

var n = num.toString() // 将Number对象=>String对象(n为字符) , 源对象没变

// 以下是基本样式类

<SPAN style="FONT-FAMILY: 'courier new', courier">var txt = "heyguy"</SPAN>

txt.link("url") // 转换为超链接 , 记得一定要加上http://

txt.big() // 可改为big/small/bold/italic/fixed/sub/sup/strike ( strike是删除线 )

txt.fontcolr("red") // name/rgb/#000000 还是老套路

txt.fontsize(num) // 只支持数字

JS字符串方法

1、toLowerCase(): 把字符串转为小写,返回新的字符串。

var str="Hello World";
var str1=str.toLowerCase();
console.log(str); //Hello World
console.log(str1); //hello world

2、toUpperCase(): 把字符串转为大写,返回新的字符串。

var str="hello world";
var str1=str.toUpperCase();
console.log(str); //hello world
console.log(str1); //HELLO WORLD

3、charAt(): 返回指定下标位置的字符。如果index不在0-str.length(不包含str.length)之间,返回空字符串。

var str="hello world";
var str1=str.charAt(6);
console.log(str1);

4、charCodeAt(): 返回指定下标位置的字符的unicode编码,这个返回值是 0 - 65535 之间的整数。

var str="hello world";
var str1=str.charCodeAt(1);
var str2=str.charCodeAt(-2); //NaN
console.log(str1); //101

注意:如果index不在0-str.length(不包含str.length)之间,返回NaN。

5、indexOf(): 返回某个指定的子字符串在字符串中第一次出现的位置

var str="Hello World";
var str1=str.indexOf("o");
var str2=str.indexOf("world");
var str3=str.indexOf("o",str1+1);
console.log(str1); //4 默认只找第一个关键字位置,从下标0开始查找
console.log(str2); //-1 没有找到
console.log(str3); //7

注意:indexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从下标0开始查找。

6、lastIndexOf(): 返回某个指定的子字符串在字符串中最后出现的位置。

var str="Hello World";
var str1=str.lastIndexOf("o");
var str2=str.lastIndexOf("world");
var str3=str.lastIndexOf("o",str1-1);
console.log(str1); //7
console.log(str2); //-1
console.log(str3); //4

注意:lastIndexOf()方法对大小写敏感,如果子字符串没有找到,返回-1。第二个参数表示从哪个下标开始查找,没有写则默认从最后一个字符处开始查找。

7、slice(): 返回字符串中提取的子字符串。

var str="Hello World";
var str1=str.slice(2); //如果只有一个参数,则提取开始下标到结尾处的所有字符串
var str2=str.slice(2,7); //两个参数,提取下标为2,到下标为7但不包含下标为7的字符串
var str3=str.slice(-7,-2); //如果是负数,-1为字符串的最后一个字符。提取从下标-7开始到下标-2但不包含下标-2的字符串。前一个数要小于后一个数,否则返回空字符串
?
console.log(str1); //llo World
console.log(str2); //llo W
console.log(str3); //o Wor

8、substring(): 提取字符串中介于两个指定下标之间的字符。

var str="Hello World";
var str1=str.substring(2)
var str2=str.substring(2,2);
var str3=str.substring(2,7);
console.log(str1); //llo World
console.log(str2); //如果两个参数相等,返回长度为0的空串
console.log(str3); //llo W

注意:substring()用法与slice()一样,但不接受负值的参数。

9、substr(): 返回从指定下标开始指定长度的的子字符串

var str="Hello World";
var str1=str.substr(1)
var str2=str.substr(1,3);
var str3=str.substr(-3,2);
console.log(str1); //ello World 
console.log(str2); //ell
console.log(str3); //rl

注意:如果没有指定length,返回从下标开始处结尾处的所有字符串。

10、split(): 把字符串分割成字符串数组。

var str="AA BB CC DD";
var string1="1:2:3:4:5";
var str1=str.split("");//如果把空字符串 ("")用作分割符,那么字符串的每个字符之间都会被分割
var str2=str.split(" "); //以空格为分隔符
var str3=str.split("",4); //4指定返回数组的最大长度
var str4=string1.split(":");
console.log(str1); // ["A", "A", " ", "B", "B", " ", "C", "C", " ", "D", "D"]
console.log(str2); //["AA" "BB" "CC" "DD"]
console.log(str3); //["A", "A", " ", "B"]
console.log(str4); // ["1", "2", "3", "4", "5"]

11、replace(): 在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

var str="hello WORLD";
var reg=/o/ig; //o为要替换的关键字,不能加引号,否则替换不生效,i忽略大小写,g表示全局查找。
var str1=str.replace(reg,"**")
console.log(str1); //hell** W**RLD

12、match(): 返回所有查找的关键字内容的数组。

var str="To be or not to be";
var reg=/to/ig;
var str1=str.match(reg);
console.log(str1); //["To", "to"]
console.log(str.match("Hello")); //null

以上就是小编为大家带来的JS常用字符串方法(推荐)全部内容了,希望大家多多支持三水点靠木~

Javascript 相关文章推荐
JavaScript Cookie显示用户上次访问的时间和次数
Dec 08 Javascript
JQuery 获得绝对,相对位置的坐标方法
Feb 09 Javascript
AngularJS的一些基本样式初窥
Jul 27 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
ES6数组的扩展详解
Apr 25 Javascript
jQuery+Ajax请求本地数据加载商品列表页并跳转详情页的实现方法
Jul 12 jQuery
详解vue.js数据传递以及数据分发slot
Jan 20 Javascript
浅谈JS对象添加getter与setter的5种方法
Jun 09 Javascript
JavaScript设计模式之构造器模式(生成器模式)定义与用法实例分析
Jul 26 Javascript
详解vue-cli3开发Chrome插件实践
May 29 Javascript
JavaScript 数组去重详解
Sep 15 Javascript
url中的特殊符号有什么含义(推荐)
Jun 17 #Javascript
JS模拟的Map类实现方法
Jun 17 #Javascript
jQuery实现iframe父窗体和子窗体的相互调用
Jun 17 #Javascript
JS工作中的小贴士之”闭包“与事件委托的”阻止冒泡“
Jun 16 #Javascript
JS阻止事件冒泡行为和闭包的方法
Jun 16 #Javascript
jquery实现简单Tab切换菜单效果
Jul 17 #Javascript
特殊日期提示功能的实现方法
Jun 16 #Javascript
You might like
Yii框架form表单用法实例
2014/12/04 PHP
Zend Framework教程之Zend_Layout布局助手详解
2016/03/04 PHP
php实现图片上传并进行替换操作
2016/03/15 PHP
PHP面向对象程序设计OOP继承用法入门示例
2016/12/27 PHP
php输出图像的方法实例分析
2017/02/16 PHP
用roll.js实现的图片自动滚动+鼠标触动的特效
2007/03/18 Javascript
javascript prototype,executing,context,closure
2008/12/24 Javascript
jquery中输入验证中一个不错的效果
2010/08/21 Javascript
javascript获取URL参数与参数值的示例代码
2013/12/20 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
jQuery对象和DOM对象之间相互转换的方法介绍
2015/02/28 Javascript
element-ui 表格实现单元格可编辑的示例
2018/02/26 Javascript
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
js如何实现元素曝光上报
2019/08/07 Javascript
JavaScript实现PC端横向轮播图
2020/02/07 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
Python2.5/2.6实用教程 入门基础篇
2009/11/29 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
django将图片上传数据库后在前端显式的方法
2018/05/25 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
Python+OpenCV目标跟踪实现基本的运动检测
2018/07/10 Python
手把手教你如何安装Pycharm(详细图文教程)
2018/11/28 Python
用uWSGI和Nginx部署Flask项目的方法示例
2019/05/05 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
浅谈Django中的QueryDict元素为数组的坑
2020/03/31 Python
python爬虫使用requests发送post请求示例详解
2020/08/05 Python
Python HTMLTestRunner如何下载生成报告
2020/09/04 Python
Python利用socket模块开发简单的端口扫描工具的实现
2021/01/27 Python
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
线程的基本概念、线程的基本状态以及状态之间的关系
2012/10/26 面试题
行政专员工作职责
2013/12/22 职场文书
班级年度安全计划书
2014/05/01 职场文书
需求分析说明书
2014/05/09 职场文书
酒店爱岗敬业演讲稿
2014/09/02 职场文书
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python
python 常用的异步框架汇总整理
2021/06/18 Python