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 DIV弹出效果实现代码
Jul 03 Javascript
javascript 解析后的xml对象的读取方法细解
Jul 25 Javascript
Ext.MessageBox工具类简介
Dec 10 Javascript
使用jQuery.fn自定义jQuery翻页插件
Jan 20 Javascript
js随机生成网页背景颜色的方法
Feb 26 Javascript
javascript 动态修改css样式方法汇总(四种方法)
Aug 27 Javascript
AngularJS 入门教程之事件处理器详解
Aug 19 Javascript
JQuery实现文字无缝滚动效果示例代码(Marquee插件)
Mar 07 Javascript
基于input动态模糊查询的实现方法
Dec 12 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
开发用到的js封装方法(20种)
Oct 12 Javascript
微信小程序开发打开另一个小程序的实现方法
May 17 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中10个不常见却非常有用的函数
2010/03/21 PHP
thinkphp备份数据库的方法分享
2015/01/04 PHP
php跨服务器访问方法小结
2015/05/12 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
PHP实现简单实用的分页类代码
2016/04/08 PHP
Sample script that deletes a SQL Server database
2007/06/16 Javascript
jQuery getJSON 处理json数据的代码
2010/07/26 Javascript
DOM_window对象属性之--clipboardData对象操作代码
2011/02/03 Javascript
23个超流行的jQuery相册插件整理分享
2011/04/25 Javascript
JQuery获取样式中的background-color颜色值的问题
2013/08/20 Javascript
JS 有趣的eval优化输入验证实例代码
2013/09/22 Javascript
javascript制作坦克大战全纪录(2)
2014/11/27 Javascript
Jquery Ajax xmlhttp请求成功问题
2015/02/04 Javascript
详解JavaScript的while循环的使用
2015/06/03 Javascript
JS动态创建DOM元素的方法
2015/06/09 Javascript
Bootstrap模态框(modal)垂直居中的实例代码
2016/08/18 Javascript
js 作用域和变量详解
2017/02/16 Javascript
AngularJS中$http的交互问题
2017/03/29 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
nodejs对项目下所有空文件夹创建gitkeep的方法
2019/08/02 NodeJs
浅析Vue下的components模板使用及应用
2019/11/27 Javascript
Python编程中time模块的一些关键用法解析
2016/01/19 Python
使用pygame模块编写贪吃蛇的实例讲解
2018/02/05 Python
python学生信息管理系统
2018/03/13 Python
tensorflow识别自己手写数字
2018/03/14 Python
Python 单元测试(unittest)的使用小结
2018/11/14 Python
python3中替换python2中cmp函数的实现
2019/08/20 Python
Python程序控制语句用法实例分析
2020/01/14 Python
html5使用canvas画空心圆与实心圆
2014/12/15 HTML / CSS
厂长助理岗位职责
2013/12/27 职场文书
审计专业自荐信范文
2014/04/21 职场文书
优秀德育工作者事迹材料
2014/05/07 职场文书
2014村党支部书记党建工作汇报材料
2014/11/02 职场文书
Vue全家桶入门基础教程
2021/05/14 Vue.js
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python
Apache POI操作批量导入MySQL数据库
2022/06/21 Servers