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 相关文章推荐
用js实现判断当前网址的来路如果不是指定的来路就跳转到指定页面
May 02 Javascript
基于jquery &amp; json的省市区联动代码
Jun 26 Javascript
IE6-IE9不支持table.innerHTML的解决方法分享
Sep 14 Javascript
js单例模式详解实例
Nov 21 Javascript
浅析jQuery1.8的几个小变化
Dec 10 Javascript
jquery append 动态添加的元素事件on 不起作用的解决方案
Jul 30 Javascript
利用js判断手机是否安装某个app的多种方案
Feb 13 Javascript
Spring Boot+AngularJS+BootStrap实现进度条示例代码
Mar 02 Javascript
Vue.js实现列表清单的操作方法
Nov 15 Javascript
基于jquery的on和click的区别详解
Jan 15 jQuery
Vue底层实现原理总结
Feb 17 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 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 基于Yii框架中使用smarty模板的方法详解
2013/06/13 PHP
php判断类是否存在函数class_exists用法分析
2014/11/14 PHP
php实现CSV文件导入和导出
2015/10/24 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
php处理多图上传压缩代码功能
2018/06/13 PHP
不同浏览器对回车提交表单的处理办法
2010/02/13 Javascript
js 时间函数应用加、减、比较、格式转换的示例代码
2013/08/23 Javascript
js传参数受特殊字符影响错误的解决方法
2013/10/21 Javascript
js 操作符汇总
2014/11/08 Javascript
使用jQuery中的wrap()函数操作HTML元素的教程
2016/05/24 Javascript
BootStrap Progressbar 实现大文件上传的进度条的实例代码
2016/06/27 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
jQuery中select与datalist制作下拉菜单时的区别浅析
2016/12/30 Javascript
浅谈JsonObject中的key-value数据解析排序问题
2017/12/06 Javascript
js get和post请求实现代码解析
2020/02/06 Javascript
vue利用全局导航守卫作登录后跳转到未登录前指定页面的实例代码
2020/05/19 Javascript
Vue+Java+Base64实现条码解析的示例
2020/09/23 Javascript
python中将字典转换成其json字符串
2014/07/16 Python
用Python的Flask框架结合MySQL写一个内存监控程序
2015/11/07 Python
python executemany的使用及注意事项
2017/03/13 Python
详细分析python3的reduce函数
2017/12/05 Python
pandas分别写入excel的不同sheet方法
2018/12/11 Python
python实现一组典型数据格式转换
2018/12/15 Python
python实现简单飞行棋
2020/02/06 Python
Python 实现PS滤镜的旋涡特效
2020/12/03 Python
Pandas中两个dataframe的交集和差集的示例代码
2020/12/13 Python
Python接口自动化系列之unittest结合ddt的使用教程详解
2021/02/23 Python
英国的知名精品百货公司:House of Fraser(福来德)
2016/08/14 全球购物
Aeropostale官网:美国著名校园品牌及青少年服饰品牌
2019/03/21 全球购物
主题实践活动总结
2014/05/08 职场文书
关于建议书的格式范文
2014/05/20 职场文书
知识改变命运演讲稿
2014/05/21 职场文书
集中采购方案
2014/06/10 职场文书
乒乓球比赛通知
2015/04/27 职场文书
行为规范主题班会
2015/08/13 职场文书
Kubernetes部署实例并配置Deployment、网络映射、副本集
2022/04/01 Servers