JS数据类型STRING使用实例解析


Posted in Javascript onDecember 18, 2019

这篇文章主要介绍了JS数据类型STRING使用实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

转换为字符串

var num = 10
num.toString(); //"10" 转换为字符串-参数表示几进制的字符串
var stringValue = "hello world";
stringValue.length; //"11" 读取长度

读取字符串指定位置的字符

//下面两行可以读取字符串指定位置的字符--面试题经常遇到
stringValue.charAt(1); //"e" 返回参数位置的字符
stringValue[1]; //"e" 类似于数组的用法

stringValue.charCodeAt(1); //"101" 返回参数位置字符的字符编码
stringValue.concat(" oo"); // "hello world oo" 字符串拼接(不改变原字符串)

字符串的截取

stringValue.slice(start, end); //负数转换为和长度相加 --就是倒数
stringValue.substr(start, len); //第一个参数同上,第二个参数代表长度,所以负值或0,就是截取长度为0的字符串
stringValue.substring(start, end); //较小一个作为起始位置,较大的参数作为结束位置 负值被认为是0

字符串中参数字符的位置

//注意下面两个方法结合,可以判断字符串是某个特定的字符是否有重复
stringValue.indexOf("o"); //4 从前往后找,返回位置 
stringValue.lastIndexOf("o"); //7 从后往前找,返回位置
stringValue.indexOf("o",5); //第二个参数代表从该位置开始找 -- 又一个特定字符判重方法
//找出字符串所有的e的位置
var stringValue = "Lorem ipsum dolor sit amet, consectetur adipisicing elit";
var positions = new Array();
var pos = stringValue.indexOf("e");
while(pos > -1){
  positions.push(pos);
  pos = stringValue.indexOf("e", pos + 1);
}
alert(positions); //"3,24,32,35,52"

大小写转换

//大小写转换
stringValue.trim();//去前后空格 trimLeft() 和 trimRight()
stringValue.toUpperCase(); //"HELLO WORLD"
stringValue.toLowerCase(); //"hello world"

模式匹配

match(); //接受一个参数,正则或者RegExp对象
search(); //接受一个参数,正则或者RegExp对象

比较字符串

var stringValue = "yellow";
stringValue.localeCompare("brick"); //1 返回正数 0 负数

其他方法--去空格,替换,分割

var stringValue = "hello world";
stringValue.trim();//去前后空格 trimLeft() 和 trimRight()
var text = "cat, bat, sat, fat";
text.replace("at", "ond");//"cond, bat, sat, fat"
text.replace(/at/g, "ond");//"cond, bond, sond, fond"--替换所有
text.split(分隔符,指定数组的大小);//按参数分隔符分割 与join相反
String.fromCharCode(104, 101, 108, 108, 111); //"hello" 字符编码拼字符串

ES6新增功能(部分)

字符串的遍历

for (let codePoint of 'foo') {
   console.log(codePoint)
}
// "f" 
// "o"
// "o"

字符串的查找

let s = 'Hello world!';//下面第二个参数,表示开始搜索的位置。
s.startsWith('Hello') // true 参数字符串是否在原字符串的头部
s.endsWith('!') // true 参数字符串是否在原字符串的伪部
s.includes('o') // true 参数字符串是否在原字符串内找到

字符串的补全

repeat() //方法返回一个新字符串,表示将原字符串重复n次。
'na'.repeat(2.9) // "nana"小数会被取整,负数或无限会报错
//字符串补全 第一个参数是字符串补全生效的最大长度,第二个参数是用来补全的字符串,不写默认为空格
padStart(); //用于头部补全
padEnd(); //用于尾部补全。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 学习笔记 选择器之四
Jul 23 Javascript
深入理解JavaScript的React框架的原理
Jul 02 Javascript
CSS3实现动态背景登录框的代码
Jul 28 Javascript
swtich/if...else的替代语句
Aug 16 Javascript
JS提交form表单实例分析
Dec 10 Javascript
JavaScript的String字符串对象常用操作总结
May 26 Javascript
ionic实现带字的toggle滑动组件
Aug 27 Javascript
React Native之prop-types进行属性确认详解
Dec 19 Javascript
30分钟精通React今年最劲爆的新特性——React Hooks
Mar 11 Javascript
jQuery层叠选择器用法实例分析
Jun 28 jQuery
js计算最大公约数和最小公倍数代码实例
Sep 11 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
Nov 05 Javascript
JS精确判断数据类型代码实例
Dec 18 #Javascript
使用webpack/gulp构建TypeScript项目的方法示例
Dec 18 #Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 #Javascript
js数据类型转换与流程控制操作实例分析
Dec 18 #Javascript
vue不操作dom实现图片轮播的示例代码
Dec 18 #Javascript
使用JS来动态操作css的几种方法
Dec 18 #Javascript
基于ts的动态接口数据配置的详解
Dec 18 #Javascript
You might like
zend api扩展的php对象的autoload工具
2011/04/18 PHP
PHP生成json和xml类型接口数据格式
2015/05/17 PHP
简单实现php上传文件功能
2017/09/21 PHP
PHP实现将base64编码字符串转换成图片示例
2018/06/22 PHP
PHP实时统计中文字数和区别
2019/02/28 PHP
PHP pthreads v3下worker和pool的使用方法示例
2020/02/21 PHP
js生成的验证码的实现与技术分析
2014/09/17 Javascript
JavaScript动态修改网页元素内容的方法
2015/03/21 Javascript
jquery+css3实现网页背景花瓣随机飘落特效
2015/08/17 Javascript
Bootstrap教程JS插件弹出框学习笔记分享
2016/05/17 Javascript
Bootstrap datepicker日期选择器插件使用详解
2017/07/26 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
vue移动端路由切换实例分析
2018/05/14 Javascript
JS获取子节点、父节点和兄弟节点的方法实例总结
2018/07/06 Javascript
vue3.0自定义指令(drectives)知识点总结
2020/12/27 Vue.js
[47:22]Mineski vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
Python实现打印螺旋矩阵功能的方法
2017/11/21 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
Django ModelForm组件使用方法详解
2019/07/23 Python
Python3常用内置方法代码实例
2019/11/18 Python
Pyspark获取并处理RDD数据代码实例
2020/03/27 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
Python修改DBF文件指定列
2020/12/19 Python
numba提升python运行速度的实例方法
2021/01/25 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
Book Depository美国:全球领先的专业网上书店之一
2019/08/14 全球购物
Nike墨西哥官网:Nike MX
2020/08/30 全球购物
《黄河颂》教学反思
2014/02/07 职场文书
职业培训师职业生涯规划
2014/02/18 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
《少年王冕》教学反思
2014/04/11 职场文书
党在我心中的演讲稿
2014/09/13 职场文书
大学军训通讯稿
2015/07/18 职场文书
opencv读取视频并保存图像的方法
2021/06/04 Python
Python 详解通过Scrapy框架实现爬取百度新冠疫情数据流程
2021/11/11 Python