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也能包含文件
Oct 26 Javascript
js不完美解决click和dblclick事件冲突问题
Jul 16 Javascript
如何获取select下拉框的值(option没有及有value属性)
Nov 08 Javascript
Js和JQuery获取鼠标指针坐标的实现代码分享
May 25 Javascript
js判断手机号运营商的方法
Oct 23 Javascript
基于react组件之间的参数传递(详解)
Sep 05 Javascript
JS 中document.write()的用法和清空的原因浅析
Dec 04 Javascript
Node中使用ES6语法的基础教程
Jan 05 Javascript
vue自定义一个v-model的实现代码
Jun 21 Javascript
Vue.directive使用注意(小结)
Aug 31 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
JavaScript 装逼指南(js另类写法)
May 10 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中实现记住密码自动登录的代码
2011/03/02 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
win7下memCache的安装过程(具体操作步骤)
2013/06/28 PHP
PHP判断访客是否手机端(移动端浏览器)访问的方法总结【4种方法】
2019/03/27 PHP
laravel实现简单用户权限的示例代码
2019/05/28 PHP
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
使用js画图之饼图
2015/01/12 Javascript
深入解析JavaScript的闭包机制
2015/10/20 Javascript
JavaScript数组方法大全(推荐)
2016/07/05 Javascript
JavaScript性能优化总结之加载与执行
2016/08/11 Javascript
three.js快速入门【推荐】
2017/01/21 Javascript
前端开发不得不知的10个最佳ES6特性
2017/08/30 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
JS脚本实现网页自动秒杀点击
2018/01/11 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
Vue的props父传子的示例代码
2020/05/20 Javascript
vue样式穿透 ::v-deep的具体使用
2020/06/04 Javascript
[02:15]2014DOTA2国际邀请赛 专访LGD.lin小兔子是大腿
2014/07/14 DOTA
Django中ORM表的创建和增删改查方法示例
2017/11/15 Python
pycharm运行scrapy过程图解
2019/11/22 Python
python实现3D地图可视化
2020/03/25 Python
python中有函数重载吗
2020/05/28 Python
Python3爬虫mitmproxy的安装步骤
2020/07/29 Python
Python Sqlalchemy如何实现select for update
2020/10/12 Python
澳大利亚在线购买儿童玩具:Toy Universe
2017/12/28 全球购物
自我鉴定范文
2013/11/10 职场文书
大一自我鉴定范文
2013/12/27 职场文书
简单英文演讲稿
2014/01/01 职场文书
责任心演讲稿
2014/05/14 职场文书
供应链金融服务方案
2014/05/25 职场文书
青年文明号申报材料
2014/12/23 职场文书
环保建议书作文500字
2015/09/14 职场文书
这样写python注释让代码更加的优雅
2021/06/02 Python
Django REST framework 限流功能的使用
2021/06/24 Python