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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
判断JavaScript对象是否可用的最正确方法分析
Oct 03 Javascript
JavaScript 异步方法队列链实现代码分析
Jun 05 Javascript
3分钟写出来的Jquery版checkbox全选反选功能
Oct 23 Javascript
JS获得选取checkbox整行数据的方法
Jan 28 Javascript
JavaScript实现仿网易通行证表单验证
May 25 Javascript
jquery验证邮箱格式并显示提交按钮
Nov 07 Javascript
node+experss实现爬取电影天堂爬虫
Nov 20 Javascript
JS实现线性表的链式表示方法示例【经典数据结构】
Apr 11 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 Javascript
浅析vue-router实现原理及两种模式
Feb 11 Javascript
vue-router 控制路由权限的实现
Sep 24 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
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
ThinkPHP5实现作业管理系统中处理学生未交作业与已交作业信息的方法
2016/11/12 PHP
tp5.1 框架join方法用法实例分析
2020/05/26 PHP
12款经典的白富美型—jquery图片轮播插件—前端开发必备
2013/01/08 Javascript
JavaScript+CSS控制打印格式示例介绍
2014/01/07 Javascript
了不起的node.js读书笔记之node的学习总结
2014/12/22 Javascript
每日十条JavaScript经验技巧(二)
2016/06/23 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
浅谈目前可以使用ES10的5个新特性
2019/06/25 Javascript
layui实现数据表格点击搜索功能
2020/03/26 Javascript
Nodejs libuv运行原理详解
2019/08/21 NodeJs
微信小程序顶部导航栏可滑动并选中放大
2019/12/05 Javascript
Angular8 简单表单验证的实现示例
2020/06/03 Javascript
vue组件讲解(is属性的用法)模板标签替换操作
2020/09/04 Javascript
js实现右键弹出自定义菜单
2020/09/08 Javascript
[52:15]2014 DOTA2国际邀请赛中国区预选赛5.21 HGT VS LGD-GAMING
2014/05/23 DOTA
python获得文件创建时间和修改时间的方法
2015/06/30 Python
python和bash统计CPU利用率的方法
2015/07/10 Python
Flask数据库迁移简单介绍
2017/10/24 Python
pandas or sql计算前后两行数据间的增值方法
2018/04/20 Python
python实现猜数字小游戏
2020/03/24 Python
tensorflow 限制显存大小的实现
2020/02/03 Python
Python通过format函数格式化显示值
2020/10/17 Python
selenium设置浏览器为headless无头模式(Chrome和Firefox)
2021/01/08 Python
css3气泡 css3关键帧动画创建的动态通知气泡
2013/02/26 HTML / CSS
Gtech官方网站:地毯清洁器、吸尘器及园艺设备
2018/05/23 全球购物
Shopping happy life西班牙:以最优惠的价格提供最好的时尚配饰
2020/03/13 全球购物
如何打印出当前源文件的文件名以及源文件的当前行号
2015/04/05 面试题
创先争优活动心得体会
2014/09/04 职场文书
党员教师群众路线个人整改措施
2014/10/28 职场文书
电子商务实训报告总结
2014/11/05 职场文书
食品质检员岗位职责
2015/04/08 职场文书
中学感恩教育活动总结
2015/05/05 职场文书
飞越疯人院观后感
2015/06/09 职场文书
财务会计个人原因辞职信
2019/06/21 职场文书
改造DE1103三步曲
2022/04/07 无线电