JavaScript的字符串方法汇总


Posted in Javascript onJuly 31, 2016

1. stringObject.charAt()

作用:返回字符串的下标

var str="这是一串字符串";
console.log(str.charAt(0))//这

2. stringObject.charCodeAt()

作用: 方法可返回指定位置的字符的 Unicode 编码

var str="这是一串字符串";
console.log(str.charCodeAt(0))
//这=>36825

3.String.fromCharCode()

作用:通过Unicode 编码返回对应的字符

console.log(String.fromCharCode(36825,26159))//这是

例题:查找字符串是不是数字

<body>
<input type="text" />
<input type="button" value="检测" />
<script>
var aInp = document.getElementsByTagName('input');

aInp[1].onclick = function () {
  
  var val = aInp[0].value;
  
  if ( detectNum(val) ) {
    alert( '恭喜,'+ val +'全是数字' );
  } else {
    alert('输入有误');
  }
};
function detectNum ( str ) {
  var n = 0;
  for ( var i=0; i<str.length; i++ ) {
    n = str.charCodeAt(i);
    if ( n<48 || n>57 )return false;
  }
  return true;
}
</script>
</body>

4. stringObject.indexOf()

作用:方法可返回某个指定的字符串值在字符串中首次出现的位置。
参数:str.indexOf(查找值,开始查找下标),如果要检索的字符串值没有出现,则该方法返回 -1。

例题:返回查找对应字符出现的下标

<script>
  var str = 'xsxsxscdecdcdxsxsxs';
  var num = 0;
  var s = 'xs';
  var arr = [];
  for (; str.indexOf(s, num) != -1;) {
    num = str.indexOf(s, num) + s.length
    arr.push(num)
  }
  console.log(arr)
  </script>

5. stringObject.lastIndexOf()

作用:从后往前找某个指定的字符串值在字符串中首次出现的位置

6. stringObject.substring()

作用:方法用于提取字符串中介于两个指定下标之间的字符。

7. stringObject.toUpperCase()

作用:字母转成大写

8. stringObject.toLowerCase()

作用:字母转成小写

9.stringObject.split()

作用:方法用于把一个字符串分割成字符串数组
参数:(以什么字符截取,保留数组到第几位)

三种用法

var str="121314";

str.split("") //[1,2,1,3,1,4];

str.split("1")//[ ,2,3,4];

str.split("",2)//[1,2]
10.arrObject.join()

作用:方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的

两种用法

var arr = [1,2,3];
arr.join("")//123
arr.join("-")//1-2-3

例题:高亮显示查找的关键字

<input type="text" id="oin" />
  <button>按钮</button>
  var oin = document.getElementById("oin");
  var obtn = document.getElementsByTagName('button')[0];
  var str = "arguments对象的长度是由实参个数而不是形参个数决定的。
  形参是函数内部重新开辟内存空间存储的变量,但是其与arguments对象
  内存空间并不重叠。对于arguments和值都存在的情况下,两者值是同步的
  ,但是针对其中一个无值的情况下,对于此无值的情形值不会得以同步。
  如下代码可以得以验证。";
  var h = "";
  obtn.onclick = function() {
    if (oin.value == "") {
      alert("输入为空");
      return false
    }
    var s = oin.value;
    if (str.indexOf(s) == -1) {
      alert("没有这个数字");
      return false
    }
    var m = '<span style="background-color:red">' + s + '</span>';
    str = str.split(s);
    h = str.join(m)
    document.body.innerHTML=h
  }
Javascript 相关文章推荐
jQuery AJAX回调函数this指向问题
Feb 08 Javascript
jQuery创建插件的代码分析
Apr 14 Javascript
Bootstrap布局方式详解
May 27 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
微信小程序 视图容器组件的详解及实例代码
Jan 19 Javascript
整理关于Bootstrap导航的慕课笔记
Mar 29 Javascript
Vue实现typeahead组件功能(非常靠谱)
Aug 26 Javascript
用vue构建多页面应用的示例代码
Sep 20 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
详解Element-UI中上传的文件前端处理
Aug 07 Javascript
Javascript中Microtask和Macrotask鲜为人知的知识点
Apr 02 Javascript
javascript 数组的正态分布排序的问题
Jul 31 #Javascript
详细谈谈javascript的对象
Jul 31 #Javascript
JS中使用DOM来控制HTML元素
Jul 31 #Javascript
图解prototype、proto和constructor的三角关系
Jul 31 #Javascript
JavaScript数据类型转换的注意事项
Jul 31 #Javascript
关于JavaScript 原型链的一点个人理解
Jul 31 #Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 #Javascript
You might like
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
PHP 类与构造函数解析
2017/02/06 PHP
Yii2下点击验证码的切换实例代码
2017/03/14 PHP
PHP实现的最大正向匹配算法示例
2017/12/19 PHP
js字符串转换成数字与数字转换成字符串的实现方法
2014/01/08 Javascript
js打开新窗口方法整理
2014/02/17 Javascript
js实现iframe跨页面调用函数的方法
2014/12/13 Javascript
js控制多图左右滚动切换效果代码分享
2015/08/26 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
JavaScript动态设置div的样式的方法
2015/12/26 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
2016/06/02 Javascript
js实现单张图片平移切换效果
2017/10/11 Javascript
nodejs基础之多进程实例详解
2018/12/27 NodeJs
深入学习TypeScript 、React、 Redux和Ant-Design的最佳实践
2019/06/17 Javascript
Vue 3.0双向绑定原理的实现方法
2019/10/23 Javascript
Vue使用虚拟dom进行渲染view的方法
2019/12/26 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
[24:42]VP vs TNC Supermajor小组赛B组 BO3 第三场 6.2
2018/06/03 DOTA
Python 爬虫图片简单实现
2017/06/01 Python
用Python实现大文本文件切割的方法
2019/01/12 Python
用Python爬取QQ音乐评论并制成词云图的实例
2019/08/24 Python
解决torch.autograd.backward中的参数问题
2020/01/07 Python
Python实现扫码工具的示例代码
2020/10/09 Python
Allsole美国/加拿大:英国一家专门出售品牌鞋子的网站
2018/10/21 全球购物
Ramy Brook官网:美国现代女装品牌
2019/06/18 全球购物
T3官网:头发造型工具
2019/12/26 全球购物
某公司.Net方向面试题
2014/04/24 面试题
荷叶圆圆教学反思
2014/02/01 职场文书
房屋买卖协议书
2014/04/10 职场文书
2014年百日安全生产活动总结
2014/05/04 职场文书
小学校长竞聘演讲稿
2014/05/16 职场文书
人力资源管理专业自荐书
2014/07/07 职场文书
日语系毕业求职信
2014/07/27 职场文书
个人工作作风整改措施思想汇报
2014/10/13 职场文书
2015清明节祭奠英烈寄语大全
2015/03/04 职场文书
《夜莺的歌声》教学反思
2016/02/22 职场文书