js最实用string(字符串)类型的使用及截取与拼接详解


Posted in Javascript onApril 26, 2019

var a = '世界上最远的距离不是天涯海角';

一、通过字符获取位置或通过位置获取字符:

//指定位置返回字符
console.log(str.charAt(1));
console.log(str[1]);
//指定位置返回字符编码
console.log(str.charCodeAt(1));
 
//返回字符串位置
console.log(str.indexOf("o"));//不存在返回-1
console.log(str.lastIndexOf("o"));

在浏览器中执行结果如下:

假如现在有个变量:

var a = '世界上最远的距离不是天涯海角';

var b = '最远的距离';

现在想动态获取到变量b之前的字符串,和变量之后的字符串,则可以这样

1.利用slice获取到之前的字符串;

2.获取到变量b的长度,在b初始位置后加上b的长度,及从b的尾部截取a的长度(当然a当长度可以省略!);

二、拼接字符串:

一般有两种:

a.直接用“+”;

b.concat函数

三、切割方法

console.log(str.slice(3,7));//开始、结束(有开始、有结束)
console.log(str.substring(3,7));//开始、结束(有开始、有结束)
console.log(str.substr(3,7));//开始、长度(有开始、无结束、有长度)
 
console.log(str.slice(-3,-2));//第一个负值与长度相加,第二个负值与长度相加
console.log(str.substring(3,-1));//第一个负值转换为0,第二个负值转换为0,如果开始大于结束,则对调
console.log(str.substr(-3,-1));//第一个负值与长度相加,第二个负值转换为0

下面看个例子:

var type可为dir/file

if (type !== 'dir' && name.indexOf('.') !== -1) {//file
 basename=name.substr(0,name.lastIndexOf('.'));
 extension=name.substr(name.lastIndexOf('.'));
} else {//dir
 basename=name;
 extension=false;
}


//中文

四、去掉前后空格

var strValue = " hello world! ";
var trimedStrValue = strValue.trim();
console.log(strValue);
console.log(trimedStrValue);

五、大小写转换方法

var strLowUp = "HELLO world!";
console.log(str.toLowerCase());
console.log(str.toUpperCase());
console.log(strLowUp);

六、与模式有关的方法,调用者为字符串,参数为模式(正则对象或正则表达式或字符串)

1、匹配方法,本质上与调用RegExp的exec()方法相同(调用者为正则表达式或正则对象,参数为字符串)
 //返回数组对象,第一项为匹配到的字符串,其它项为捕获组匹配到的字符串
//返回对象同时具有index和input属性,index为匹配到字符串的索引,input为进行匹配的字符串str

 2、查询/搜索方法
 //返回值为匹配字符的索引,如未查询到则返回-1

 search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。

3、替换方法,两个参数,用参数二替换参数一,参数一为字符串或正则表达式,参数二为字符串或函数

a. //正则

b. 字符串

c. 函数

//如果第二个参数是函数
//函数接收的参数为:匹配到的子字符串、
  第一个捕获组匹配到的子字符串、
  第二个捕获组匹配到的子字符串...、模式匹配项的索引、原始字符串
var repStr = str.replace(/at/g,function(match,index,input){
console.log(match);//at
console.log(index);//
console.log(input);//cat,bat,sat,fat
return "an";
});
 
console.log(repStr);//can,ban,san,fan

4、分割方法,将字符串按照指定的分隔符分割为多个子字符串

//返回值为存放多个子字符串的数组
var str = "red,blue,green,yellow";
var strArray = str.split(",");
var strArray = str.split(/[^\,]+/);//匹配所有不是逗号字符作为分隔符
console.log(strArray);//["red", "blue", "green", "yellow"]
 
//第二个参数用于控制数组的长度
var strArray = str.split(",",2);
console.log(strArray);//["red", "blue", "green", "yellow"]

七、比较方法,返回值为1(>0)、0、-1(<0)

var strValue = "yellow";
console.log(strValue.localeCompare("brick"));//>0
console.log(strValue.localeCompare("yellow"));//0
console.log(strValue.localeCompare("zoo"));//<0

以上所述是小编给大家介绍的js string使用截取与拼接详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
基于jQuery的ajax功能实现web service的json转化
Aug 29 Javascript
使用Mootools动态添加Css样式表代码,兼容各浏览器
Dec 12 Javascript
js中回调函数的学习笔记
Jul 31 Javascript
jQuery实现TAB风格的全国省份城市滑动切换效果代码
Aug 24 Javascript
轻松使用jQuery双向select控件Bootstrap Dual Listbox
Dec 13 Javascript
浅析javascript函数表达式
Feb 10 Javascript
Vue.js实现移动端短信验证码功能
Mar 29 Javascript
JavaScript转换数据库DateTime字段类型方法
Jun 27 Javascript
js嵌套的数组扁平化:将多维数组变成一维数组以及push()与concat()区别的讲解
Jan 19 Javascript
JS实现json数组排序操作实例分析
Oct 28 Javascript
vue 实现websocket发送消息并实时接收消息
Dec 09 Javascript
浅谈JS for循环中使用break和continue的区别
Jul 21 Javascript
微信小程序实现的绘制table表格功能示例
Apr 26 #Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 #Javascript
微信小程序如何修改本地缓存key中单个数据的详解
Apr 26 #Javascript
js验证身份证号码记录的方法
Apr 26 #Javascript
详解VScode编辑器vue环境搭建所遇问题解决方案
Apr 26 #Javascript
react高阶组件添加和删除props
Apr 26 #Javascript
详解微信小程序-canvas绘制文字实现自动换行
Apr 26 #Javascript
You might like
经典的星际争霸,满是回忆的BGM
2020/04/09 星际争霸
ThinkPHP学习笔记(一)ThinkPHP部署
2014/06/22 PHP
php文件压缩之PHPZip类用法实例
2015/06/18 PHP
解决laravel 出现ajax请求419(unknown status)的问题
2019/09/03 PHP
thinkphp5实现微信扫码支付
2019/12/23 PHP
JS 学习笔记 防止发生命名冲突
2009/07/30 Javascript
javascript表单验证 - Parsley.js使用和配置
2013/01/25 Javascript
javascript简单事件处理和with用法介绍
2013/09/16 Javascript
JSP中使用JavaScript动态插入删除输入框实现代码
2014/06/13 Javascript
JavaScript创建一个object对象并操作对象属性的用法
2015/03/23 Javascript
JS实现间歇滚动的运动效果实例
2016/12/22 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
2018/02/06 Javascript
Vue动态获取width的方法
2018/08/22 Javascript
使用canvas实现一个vue弹幕组件功能
2018/11/30 Javascript
微信小程序如何调用新闻接口实现列表循环
2019/07/02 Javascript
vue实现自定义多选按钮
2020/07/16 Javascript
python实现的一个火车票转让信息采集器
2014/07/09 Python
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
Python3安装Scrapy的方法步骤
2017/11/23 Python
python调用API实现智能回复机器人
2018/04/10 Python
pandas apply 函数 实现多进程的示例讲解
2018/04/20 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
Python批量启动多线程代码实例
2020/02/18 Python
python3环境搭建过程(利用Anaconda+pycharm)完整版
2020/08/19 Python
pytho matplotlib工具栏源码探析一之禁用工具栏、默认工具栏和工具栏管理器三种模式的差异
2021/02/25 Python
太阳镜仓库,售价20美元或更少:Sunglass Warehouse
2016/09/28 全球购物
写自荐信有哪些不宜?
2013/10/17 职场文书
一封普通求职者的求职信
2013/11/20 职场文书
2014学年自我鉴定
2014/02/23 职场文书
工程建设实施方案
2014/03/14 职场文书
工作说明书格式
2014/07/29 职场文书
四风问题对照检查材料思想汇报
2014/10/07 职场文书
感恩教育主题班会
2015/08/12 职场文书
礼貌问候语大全
2015/11/10 职场文书
当你焦虑迷茫时,请读读这6句话
2019/07/24 职场文书
SQLServer 日期函数大全(小结)
2021/04/08 SQL Server