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 相关文章推荐
JS input 数字验证代码
Jul 30 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
js onmousewheel事件多次触发问题解决方法
Oct 17 Javascript
jQuery实现切换页面过渡动画效果
Oct 29 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
JS小数转换为整数的方法分析
Jan 07 Javascript
JavaScript方法_动力节点Java学院整理
Jun 28 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
vue2.0+SVG实现音乐播放圆形进度条组件
Sep 21 Javascript
VueQuillEditor富文本上传图片(非base64)
Jun 03 Javascript
vue-router为激活的路由设置样式操作
Jul 18 Javascript
JavaScript获取URL参数的方法分享
Apr 07 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
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
php返回字符串中所有单词的方法
2015/03/09 PHP
JQuery Ajax通过Handler访问外部XML数据的代码
2010/06/01 Javascript
基于jquery库的tab新形式使用
2012/11/16 Javascript
javascript实现二级级联菜单的简单制作
2015/11/19 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
Angular2中Bootstrap界面库ng-bootstrap详解
2016/10/18 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
javascript作用域链与执行环境详解
2017/03/25 Javascript
JavaScript使用链式方法封装jQuery中CSS()方法示例
2017/04/07 jQuery
微信小程序实战之登录页面制作(5)
2020/03/30 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
JSON创建键值对(key是中文或者数字)方式详解
2017/08/24 Javascript
vue-cli常用设置总结
2018/02/24 Javascript
vue展示dicom文件医疗系统的实现代码
2018/08/27 Javascript
详解vue使用vue-layer-mobile组件实现toast,loading效果
2018/08/31 Javascript
vue2.0 路由模式mode=&quot;history&quot;的作用
2018/10/18 Javascript
微信小程序环境下将文件上传到OSS的方法步骤
2019/05/31 Javascript
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
jquery插件懒加载的示例
2020/10/24 jQuery
[01:33:59]真人秀《加油 DOTA》 第六期
2014/09/09 DOTA
用Python中的wxPython实现最基本的浏览器功能
2015/04/14 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
django框架实现模板中获取request 的各种信息示例
2019/07/01 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
Django实现简单网页弹出警告代码
2019/11/15 Python
HTML5响应式(自适应)网页设计的实现
2017/11/17 HTML / CSS
《青蛙看海》教学反思
2014/04/23 职场文书
军人离婚协议书样本
2014/10/21 职场文书
构建和谐校园倡议书
2015/01/19 职场文书
幼师辞职信怎么写
2015/02/27 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
Vue Element plus使用方法梳理
2022/12/24 Vue.js