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 相关文章推荐
动态创建的表格单元格中的事件实现代码
Dec 30 Javascript
得到form下的所有的input的js代码
Nov 07 Javascript
Node.js 的异步 IO 性能探讨
Oct 08 Javascript
JavaScript前补零操作实例
Mar 11 Javascript
Javascript变量的作用域和作用域链详解
Apr 02 Javascript
WEB前端开发框架Bootstrap3 VS Foundation5
May 16 Javascript
ES6中Iterator与for..of..遍历用法分析
Mar 31 Javascript
学习使用ExpressJS 4.0中的新Router的用法
Nov 06 Javascript
vue+egg+jwt实现登录验证的示例代码
May 18 Javascript
vue实现固定位置显示功能
May 30 Javascript
在layui.use 中自定义 function 的正确方法
Sep 16 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
Sep 04 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
丧钟首部独立剧集《丧钟:骑士与龙》北美正式开播,场面血腥
2020/04/09 欧美动漫
CodeIgniter基本配置详细介绍
2013/11/12 PHP
php+xml实现在线英文词典之添加词条的方法
2015/01/23 PHP
js 键盘记录实现(兼容FireFox和IE)
2010/02/07 Javascript
SWFObject 2.1以上版本语法介绍
2010/07/10 Javascript
VBS通过WMI监视注册表变动的代码
2011/10/27 Javascript
JavaScript中instanceof与typeof运算符的用法及区别详细解析
2013/11/19 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
DOM基础教程之使用DOM
2015/01/19 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
Js与Jq 获取页面元素值的方法和差异对比
2015/04/30 Javascript
js实现非常棒的弹出div
2016/10/06 Javascript
js实现登录验证码
2016/12/22 Javascript
基于Bootstrap实现城市三级联动
2017/11/23 Javascript
Vue中保存数据到磁盘文件的方法
2018/09/06 Javascript
Python3读取UTF-8文件及统计文件行数的方法
2015/05/22 Python
Python模拟百度登录实例详解
2016/01/20 Python
Python书单 不将就
2017/07/11 Python
浅谈Python处理PDF的方法
2017/11/10 Python
python爬虫简单的添加代理进行访问的实现代码
2019/04/04 Python
python查看文件大小和文件夹内容的方法
2019/07/08 Python
基于Python生成个性二维码过程详解
2020/03/05 Python
keras:model.compile损失函数的用法
2020/07/01 Python
浅谈Html5中视频 音频标签 进度条的问题
2016/07/26 HTML / CSS
使用canvas来完成线性渐变和径向渐变的功能的方法示例
2019/07/25 HTML / CSS
戴尔英国官网:Dell英国
2017/05/27 全球购物
印尼最大的婴儿用品购物网站:Orami
2017/09/28 全球购物
远东集团网络工程师面试题
2014/10/20 面试题
会计电算化专业应届大学生求职信
2013/10/22 职场文书
放飞梦想演讲稿
2014/05/05 职场文书
联谊活动总结
2014/08/28 职场文书
教师培训简讯
2015/07/20 职场文书
体育委员竞选稿
2015/11/21 职场文书
演讲稿:​快乐,从不抱怨开始!
2019/04/02 职场文书
vue-cropper插件实现图片截取上传组件封装
2021/05/27 Vue.js