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 选择器 xpath 语法应用
May 13 Javascript
jQuery初学:find()方法及children方法的区别分析
Jan 31 Javascript
Query中click(),bind(),live(),delegate()的区别
Nov 19 Javascript
详谈LABJS按需动态加载js文件
May 07 Javascript
JS使用eval()动态创建变量的方法
Jun 03 Javascript
js生成随机颜色方法代码分享(三种)
Dec 29 Javascript
Node.js 基础教程之全局对象
Aug 06 Javascript
Vue.js实现分页查询功能
Nov 15 Javascript
解决vue处理axios post请求传参的问题
Mar 05 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
May 31 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
基于Vue3.0开发轻量级手机端弹框组件V3Popup的场景分析
Dec 30 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
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
php实现jQuery扩展函数
2009/10/30 PHP
php学习之 循环结构实现代码
2011/06/09 PHP
9个比较实用的php代码片段
2016/03/15 PHP
php中this关键字用法分析
2016/12/07 PHP
jquery form表单提交插件asp.net后台中文解码
2010/06/12 Javascript
基于jQuery的实现简单的分页控件
2010/10/10 Javascript
jquery $.fn $.fx是什么意思有什么用
2013/11/04 Javascript
页面按钮禁用与解除禁用的方法
2014/02/19 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
node.js中的querystring.unescape方法使用说明
2014/12/10 Javascript
php常见的页面跳转方法汇总
2015/04/15 Javascript
jquery判断页面网址是否有效的两种方法
2016/12/11 Javascript
node.js-v6新版安装具体步骤(分享)
2017/09/06 Javascript
详解React之key的使用和实践
2018/09/29 Javascript
使用RxJS更优雅地进行定时请求详析
2019/06/02 Javascript
Vue-cli3项目引入Typescript的实现方法
2019/10/18 Javascript
浅谈Webpack4 Tree Shaking 终极优化指南
2019/11/18 Javascript
[00:14]PWL:老朋友Mushi拍VLOG与中国玩家问好
2020/11/04 DOTA
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
深入理解Python中的内置常量
2017/05/20 Python
Python实现读取txt文件并画三维图简单代码示例
2017/12/09 Python
python统计字母、空格、数字等字符个数的实例
2018/06/29 Python
python 用for循环实现1~n求和的实例
2019/02/01 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
python等差数列求和公式前 100 项的和实例
2020/02/25 Python
在pycharm中使用pipenv创建虚拟环境和安装django的详细教程
2020/11/30 Python
不同浏览器对CSS3和HTML5的支持状况
2009/10/31 HTML / CSS
工程质量承诺书范文
2014/03/27 职场文书
就业协议书
2014/09/12 职场文书
2016年综治宣传月活动宣传标语口号
2016/03/16 职场文书
卖车协议书范文
2016/03/23 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
mysql批量新增和存储的方法实例
2021/04/07 MySQL
如何使用SQL Server语句创建表
2022/04/12 SQL Server