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 相关文章推荐
使用JavaScript动态设置样式实现代码(2)
Jan 25 Javascript
jQuery中ready事件用法实例
Jan 19 Javascript
JavaScript判断数组重复内容的两种方法(推荐)
Jun 06 Javascript
相册展示PhotoSwipe.js插件实现
Aug 25 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
Vue全局分页组件的实现代码
Aug 10 Javascript
对VUE中的对象添加属性
Sep 18 Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 Javascript
layui-table对返回的数据进行转变显示的实例
Sep 04 Javascript
浅谈Vue SSR中的Bundle的具有使用
Nov 21 Javascript
jQuery操作元素追加内容示例
Jan 10 jQuery
vue中 this.$set的使用详解
Nov 17 Vue.js
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
php ci框架验证码实例分析
2013/06/26 PHP
codeigniter教程之上传视频并使用ffmpeg转flv示例
2014/02/13 PHP
Discuz7.2版的faq.php SQL注入漏洞分析
2014/08/06 PHP
PHP 生成N个不重复的随机数
2015/01/21 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
浅谈PHP的exec()函数无返回值排查方法(必看)
2017/03/31 PHP
用javascript getComputedStyle获取和设置style的原理
2008/10/10 Javascript
js动态拼接正则表达式的两种方法
2014/03/04 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
2015/05/25 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
JS DOMReady事件的六种实现方法总结
2016/11/23 Javascript
解决AngualrJS页面刷新导致异常显示问题
2017/04/20 Javascript
浅谈vue项目重构技术要点和总结
2018/01/23 Javascript
微信小程序scroll-x失效的完美解决方法
2018/07/18 Javascript
vue请求本地自己编写的json文件的方法
2019/04/25 Javascript
Vue + Elementui实现多标签页共存的方法
2019/06/12 Javascript
使用vue-router在Vue页面之间传递数据的方法
2019/07/15 Javascript
python完成FizzBuzzWhizz问题(拉勾网面试题)示例
2014/05/05 Python
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
python模块smtplib实现纯文本邮件发送功能
2018/05/22 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
jupyter note 实现将数据保存为word
2020/04/14 Python
Python格式化输出--%s,%d,%f的代码解析
2020/04/29 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
大学应届毕业生个人求职信
2013/09/23 职场文书
机械工程师求职自我评价
2013/09/23 职场文书
化工专业应届生求职信
2013/11/08 职场文书
天坛导游词
2015/02/02 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
法学专业求职信范文
2015/03/19 职场文书
幼儿园推普周活动总结
2015/05/07 职场文书
婚礼男方父母答谢词
2015/09/29 职场文书
Python中os模块的简单使用及重命名操作
2021/04/17 Python
Java SSH 秘钥连接mysql数据库的方法
2021/06/28 Java/Android