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 相关文章推荐
浏览器无法运行JAVA脚本的解决方法
Jan 09 Javascript
javascript网页关键字高亮代码
Jul 30 Javascript
编写Js代码要注意的几条规则
Sep 10 Javascript
JQuery文本框高亮显示插件代码
Apr 02 Javascript
js获取电脑分辨率的思路及操作
Nov 22 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
JQuery用户名校验的具体实现
Mar 18 Javascript
基于js中this和event 的区别(详解)
Oct 24 Javascript
vue+vuex+axios+echarts画一个动态更新的中国地图的方法
Dec 19 Javascript
详解angular2如何手动点击特定元素上的点击事件
Oct 16 Javascript
解决layer弹出层msg的文字不显示的问题
Sep 11 Javascript
Javascript模拟实现new原理解析
Mar 03 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
PHP实现今天是星期几的几种写法
2013/09/26 PHP
PHP中nowdoc和heredoc使用需要注意的一点
2014/03/21 PHP
php表单加入Token防止重复提交的方法分析
2016/10/10 PHP
PHP获取本周所有日期或者最近七天所有日期的方法
2018/06/20 PHP
IE与FireFox中的childNodes区别
2011/10/20 Javascript
JS:window.onload的使用介绍
2013/11/13 Javascript
JavaScript的内存释放问题详解
2015/01/21 Javascript
jquery实现向下滑出的二级导航下滑菜单效果
2015/08/25 Javascript
AngularJS通过$http和服务器通信详解
2016/09/21 Javascript
jQuery加载及解析XML文件的方法实例分析
2017/01/22 Javascript
jquery dialog获取焦点的方法
2017/02/09 Javascript
js如何编写简单的ajax方法库
2017/08/02 Javascript
基于webpack 实用配置方法总结
2017/09/28 Javascript
Angular模版驱动表单的使用总结
2018/05/05 Javascript
详解js中Array的方法及技巧
2018/09/12 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
JS实现“全选”和&quot;全不选&quot;功能代码实例
2020/02/06 Javascript
vue实现简单加法计算器
2020/10/22 Javascript
[01:30:15]DOTA2-DPC中国联赛 正赛 Ehome vs Aster BO3 第二场 2月2日
2021/03/11 DOTA
使用python获取CPU和内存信息的思路与实现(linux系统)
2014/01/03 Python
Python3实现发送QQ邮件功能(html)
2017/12/15 Python
Diango + uwsgi + nginx项目部署的全过程(可外网访问)
2018/04/22 Python
python的中异常处理机制
2018/08/30 Python
Python 实现异步调用函数的示例讲解
2018/10/14 Python
浅析python的优势和不足之处
2018/11/20 Python
python的内存管理和垃圾回收机制详解
2019/05/18 Python
python修改FTP服务器上的文件名
2019/09/11 Python
瑞典廉价机票预订网站:Seat24
2018/06/19 全球购物
东方通信股份有限公司VC面试题
2014/08/27 面试题
师生聚会感言
2014/01/26 职场文书
个人简历自我评价
2014/02/02 职场文书
人事专员的职责
2014/02/26 职场文书
会计人员岗位职责
2014/03/19 职场文书
绿色环保倡议书
2015/04/28 职场文书
Python 实现Mac 屏幕截图详解
2021/10/05 Python
navicat 连接Ubuntu虚拟机的mysql的操作方法
2022/04/02 MySQL