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 相关文章推荐
javascript针对DOM的应用实例(一)
Apr 15 Javascript
js动态创建表格,删除行列的小例子
Jul 20 Javascript
用JS将搜索的关键字高亮显示实现代码
Nov 08 Javascript
js获取对象为null的解决方法
Nov 21 Javascript
jQuery实现动态给table赋值的方法示例
Jul 04 jQuery
js实现导航跟随效果
Nov 17 Javascript
JavaScript中工厂函数与构造函数示例详解
May 06 Javascript
vue配置文件实现代理v2版本的方法
Jun 21 Javascript
vue前后分离调起微信支付
Jul 29 Javascript
微信小程序页面滚动到指定位置代码实例
Sep 07 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
vue祖孙组件之间的数据传递案例
Dec 07 Vue.js
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获取url的函数代码
2011/08/02 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
php在线解压ZIP文件的方法
2014/12/30 PHP
js操作Xml(向服务器发送Xml,处理服务器返回的Xml)(IE下有效)
2009/01/30 Javascript
Javascript中的var_dump函数实现代码
2009/09/07 Javascript
js confirm()方法的使用方法实例
2013/07/13 Javascript
js动态设置div的值下例子
2013/10/29 Javascript
js使用数组判断提交数据是否存在相同数据
2013/11/27 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
node.js中的buffer.Buffer.byteLength方法使用说明
2014/12/10 Javascript
JavaScript使用DeviceOne开发实战(一) 配置和起步
2015/12/01 Javascript
详解JS中Array对象扩展与String对象扩展
2016/01/07 Javascript
Eclipse编辑jsp、js文件时卡死现象的解决办法汇总
2016/02/02 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
jQuery实现图片轮播效果代码
2016/09/27 Javascript
js模式化窗口问题![window.dialogArguments]
2016/10/30 Javascript
javascript另类方法实现htmlencode()与htmldecode()函数实例分析
2016/11/17 Javascript
select下拉框插件jquery.editable-select详解
2017/01/22 Javascript
JavaScript之iterable_动力节点Java学院整理
2017/06/29 Javascript
浅谈原型对象的常用开发模式
2017/07/22 Javascript
vue项目实现github在线预览功能
2018/06/20 Javascript
基于vuex实现购物车功能
2021/01/10 Vue.js
Python显示进度条的方法
2014/09/20 Python
python学习必备知识汇总
2017/09/08 Python
Python3中exp()函数用法分析
2019/02/19 Python
python文件操作的简单方法总结
2019/11/07 Python
python对Excel的读取的示例代码
2020/02/14 Python
美国牙科折扣计划:DentalPlans.com
2019/08/26 全球购物
一道Delphi上机题
2012/06/04 面试题
让生命充满爱演讲稿
2014/05/10 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
拔河比赛队名及霸气口号
2015/12/24 职场文书
thinkphp 获取控制器及控制器方法
2021/04/16 PHP
Go语言中的UTF-8实现
2021/04/26 Golang
python使用pymysql模块操作MySQL
2021/06/16 Python
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA