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 相关文章推荐
document.onreadystatechange事件的用法分析
Oct 17 Javascript
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
jquery的冒泡事件的阻止与允许(三种实现方法)
Feb 01 Javascript
juery框架写的弹窗效果适合新手
Nov 27 Javascript
js模拟hashtable的简单实例
Mar 06 Javascript
jQuery中append()方法用法实例
Jan 08 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
javascript省市区三级联动下拉框菜单实例演示
Nov 29 Javascript
Js类的静态方法与实例方法区分及jQuery拓展的两种方法
Jun 03 Javascript
vue.js树形组件之删除双击增加分支实例代码
Feb 28 Javascript
微信小程序 websocket 实现SpringMVC+Spring+Mybatis
Aug 04 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
Nov 05 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
收音机指标测试方法及仪器
2021/03/01 无线电
PHP实现的策略模式简单示例
2017/08/25 PHP
PHP操作MySQL中BLOB字段的方法示例【存储文本与图片】
2017/09/15 PHP
捕获关闭窗口的脚本
2009/01/10 Javascript
jquery JSON的解析方式
2009/07/25 Javascript
javascript 验证日期的函数
2010/03/18 Javascript
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/06 Javascript
ashx文件获取$.ajax()方法发送的数据
2016/05/26 Javascript
js canvas实现放大镜查看图片功能
2017/06/08 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
vue router仿天猫底部导航栏功能
2017/10/18 Javascript
Vue-cli 使用json server在本地模拟请求数据的示例代码
2017/11/02 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
2017/11/10 Javascript
JS实现的JSON序列化操作简单示例
2018/07/02 Javascript
vue观察模式浅析
2018/09/25 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
js form表单input框限制20个字符,10个汉字代码实例
2019/04/12 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
Javascript实现秒表计时游戏
2020/05/27 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
2020/06/04 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
解决vue侦听器watch,调用this时出现undefined的问题
2020/10/30 Javascript
Django csrf 验证问题的实现
2018/10/09 Python
浅谈python在提示符下使用open打开文件失败的原因及解决方法
2018/11/30 Python
详解Python 重学requests发起请求的基本方式
2020/02/07 Python
CSS3弹性盒模型flex box快速入门心得(必看篇)
2016/05/24 HTML / CSS
卡塔尔航空官方网站:Qatar Airways
2017/02/08 全球购物
美国著名的户外用品品牌:L.L.Bean
2018/01/05 全球购物
社会学专业学生职业规划书
2014/02/07 职场文书
企业承诺书格式
2014/05/21 职场文书
公司安全管理制度范本
2015/08/05 职场文书
奖学金主要事迹范文
2015/11/04 职场文书
少年的你:世界上没有如果,要在第一次就勇敢的反抗
2019/11/20 职场文书
Redis 常见使用场景
2021/08/30 Redis
详解JavaScript的计时器和按钮效果设置
2022/02/18 Javascript