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 相关文章推荐
JSON JQUERY模板实现说明
Jul 03 Javascript
一个网马的tips实现分析
Nov 28 Javascript
js网页中的(运行代码)功能实现思路
Feb 04 Javascript
JSON中双引号的轮回使用过程中一定要小心
Mar 05 Javascript
js多功能分页组件layPage使用方法详解
May 19 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
vue2中,根据list的id进入对应的详情页并修改title方法
Aug 24 Javascript
js作用域和作用域链及预解析
Apr 11 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 Javascript
最全vue的vue-amap使用高德地图插件画多边形范围的示例代码
Jul 17 Javascript
解决vue组件销毁之后计时器继续执行的问题
Jul 21 Javascript
基于javascript的无缝滚动动画1
Aug 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
PHP下10件你也许并不了解的事情
2008/09/11 PHP
win7+apache+php+mysql环境配置操作详解
2013/06/10 PHP
作为程序员必知的16个最佳PHP库
2015/12/09 PHP
php-fpm添加service服务的例子
2018/04/27 PHP
javascript 限制输入和粘贴(IE,firefox测试通过)
2008/11/14 Javascript
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
关于跨站脚本攻击问题
2011/12/22 Javascript
PHP开发者必须掌握的6个关键字
2014/04/14 Javascript
小结Node.js中非阻塞IO和事件循环
2014/09/18 Javascript
浅谈JavaScript数据类型及转换
2015/02/28 Javascript
jQuery使用empty()方法删除元素及其所有子元素的方法
2015/03/26 Javascript
JavaScript获取当前网页标题(title)的方法
2015/04/03 Javascript
jquery实现的缩略图预览滑块实例
2015/06/25 Javascript
jQuery实现查找链接文字替换属性的方法
2016/06/27 Javascript
vue实现添加标签demo示例代码
2017/01/21 Javascript
JavaScript基础之AJAX简单的小demo
2017/01/29 Javascript
node基于puppeteer模拟登录抓取页面的实现
2018/05/09 Javascript
vue+axios实现文件下载及vue中使用axios的实例
2018/09/21 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
JavaScript实现左右滚动电影画布
2020/02/06 Javascript
Python批量重命名同一文件夹下文件的方法
2015/05/25 Python
使用Python3 编写简单信用卡管理程序
2016/12/21 Python
python 使用get_argument获取url query参数
2017/04/28 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python3.8.1+selenium实现登录滑块验证功能
2020/05/22 Python
python录音并调用百度语音识别接口的示例
2020/12/01 Python
HTML5应用之文件上传
2016/12/30 HTML / CSS
SOKOLOV官网:俄罗斯珠宝首饰品牌
2021/01/02 全球购物
工作失误检讨书范文大全
2014/01/13 职场文书
成绩单家长评语大全
2014/04/16 职场文书
读书小明星事迹材料
2014/05/03 职场文书
课例研修方案
2014/05/31 职场文书
交通志愿者活动总结
2014/06/27 职场文书
企业与个人合作经营协议书
2014/11/01 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
指导老师鉴定意见
2015/06/05 职场文书