每天一篇javascript学习小结(String对象)


Posted in Javascript onNovember 18, 2015

1、string对象中可以传正则的函数介绍

/*
  match() 方法可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。
  该方法类似 indexOf() 和 lastIndexOf(),但是它返回指定的值,而不是字符串的位置。
  语法
  stringObject.match(searchvalue)
  stringObject.match(regexp)
  searchvalue 必需。规定要检索的字符串值。
  regexp 必需。规定要匹配的模式的 RegExp 对象。如果该参数不是 RegExp 对象,则需要首先把它传递给 RegExp 构造函数,将其转换为 RegExp 对象。
 */
 var text = "cat, bat, sat, fat"; 
 var pattern = /.at/;
 
 var matches = text.match(pattern); 
 alert(matches.index); //0
 alert(matches[0]);  //"cat"
 alert(pattern.lastIndex); //0
 /*
  定义和用法
  search() 方法用于检索字符串中指定的子字符串,或检索与正则表达式相匹配的子字符串。
  stringObject.search(regexp)
  regexp 
  该参数可以是需要在 stringObject 中检索的子串,也可以是需要检索的 RegExp 对象。
  注释:要执行忽略大小写的检索,请追加标志 i。
  返回值
  stringObject 中第一个与 regexp 相匹配的子串的起始位置。
  注释:如果没有找到任何匹配的子串,则返回 -1。
 */
 var pos = text.search(/at/);
 alert(pos); //1
 
 /*
  定义和用法
  replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
  stringObject.replace(regexp/substr,replacement)
  regexp/substr 
  必需。规定子字符串或要替换的模式的 RegExp 对象。
  请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
  replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。
  返回值
  一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。
 */
 var result = text.replace("at", "ond");
 alert(result); //"cond, bat, sat, fat"

 result = text.replace(/at/g, "ond");
 alert(result); //"cond, bond, sond, fond"

 result = text.replace(/(.at)/g, "word ($1)");
 alert(result); //word (cat), word (bat), word (sat), word (fat)
 
 function htmlEscape(text){
  return text.replace(/[<>"&]/g, function(match, pos, originalText){
  switch(match){
   case "<":
   return "<";
   case ">":
   return ">";
   case "&":
   return "&";
   case "\"":
   return """;
  }  
  });
 }
 
 alert(htmlEscape("<p class=\"greeting\">Hello world!</p>")); //<p class="greeting">Hello world!</p>
 /*
  定义和用法
  split() 方法用于把一个字符串分割成字符串数组。
  stringObject.split(separator,howmany)
  separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。
  howmany 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。
  返回值
  一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 stringObject 分割成子串创建的。返回的数组中的字串不包括 separator 自身。
  但是,如果 separator 是包含子表达式的正则表达式,那么返回的数组中包括与这些子表达式匹配的字串(但不包括与整个正则表达式匹配的文本)。
 */
 var colorText = "red,blue,green,yellow";
 var colors1 = colorText.split(","); //["red", "blue", "green", "yellow"]
 var colors2 = colorText.split(",", 2); //["red", "blue"]
 var colors3 = colorText.split(/[^\,]+/); //["", ",", ",", ",", ""]

2、字符串转成小写和大写函数

var stringValue = "hello world";
 alert(stringValue.toLocaleUpperCase()); //"HELLO WORLD"
 alert(stringValue.toUpperCase()); //"HELLO WORLD"
 alert(stringValue.toLocaleLowerCase()); //"hello world"
 alert(stringValue.toLowerCase()); //"hello world"

3、字符串对象 new String()

var stringObject = new String("hello world");
 var stringValue = "hello world";
 
 alert(typeof stringObject); //"object"
 alert(typeof stringValue); //"string"
 alert(stringObject instanceof String); //true
 alert(stringValue instanceof String); //false

4、字符串fromCharCode()方法

/*
  定义和用法
  fromCharCode() 可接受一个指定的 Unicode 值,然后返回一个字符串。
  String.fromCharCode(numX,numX,...,numX)
  numX 必需。一个或多个 Unicode 值,即要创建的字符串中的字符的 Unicode 编码。
 */
 alert(String.fromCharCode(104, 101, 108, 108, 111)); //"hello"

5、字符串本地比较方法localeCompare()

/*
  定义和用法
  用本地特定的顺序来比较两个字符串。
  stringObject.localeCompare(target)
  target 要以本地特定的顺序与 stringObject 进行比较的字符串。
  返回值
  说明比较结果的数字。如果 stringObject 小于 target,则 localeCompare() 返回小于 0 的数。
  如果 stringObject 大于 target,则该方法返回大于 0 的数。如果两个字符串相等,或根据本地排序规则没有区别,该方法返回 0。
 */
 var stringValue = "yellow"; 
 alert(stringValue.localeCompare("brick")); //1
 alert(stringValue.localeCompare("yellow")); //0
 alert(stringValue.localeCompare("zoo")); //-1
 
 //preferred technique for using localeCompare()
 function determineOrder(value) {
  var result = stringValue.localeCompare(value);
  if (result < 0){
  alert("The string 'yellow' comes before the string '" + value + "'.");
  } else if (result > 0) {
  alert("The string 'yellow' comes after the string '" + value + "'.");
  } else {
  alert("The string 'yellow' is equal to the string '" + value + "'.");
  }
 }
 
 determineOrder("brick");
 determineOrder("yellow");
 determineOrder("zoo");

6、indexOf() 和 lastIndexOf()方法

/*
  定义和用法
  indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
  stringObject.indexOf(searchvalue,fromindex)
  searchvalue 必需。规定需检索的字符串值。
  fromindex 可选的整数参数。规定在字符串中开始检索的位置。
  它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的首字符开始检索。
  
  定义和用法
  lastIndexOf() 方法可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。
  stringObject.lastIndexOf(searchvalue,fromindex)
  searchvalue 必需。规定需检索的字符串值。
  fromindex 可选的整数参数。规定在字符串中开始检索的位置。
  它的合法取值是 0 到 stringObject.length - 1。如省略该参数,则将从字符串的最后一个字符处开始检索。
 */
 var stringValue = "hello world";
 alert(stringValue.indexOf("o"));  //4
 alert(stringValue.lastIndexOf("o")); //7
 alert(stringValue.indexOf("o", 6));  //7
 alert(stringValue.lastIndexOf("o", 6)); //4

7、字符串常用字符截取方法

/*
  定义和用法
  slice() 方法可从已有的数组中返回选定的元素。
  arrayObject.slice(start,end)
  start 必需。规定从何处开始选取。如果是负数,那么它规定从数组尾部开始算起的位置。也就是说,-1 指最后一个元素,-2 指倒数第二个元素,以此类推。
  end 可选。规定从何处结束选取。该参数是数组片断结束处的数组下标。如果没有指定该参数,那么切分的数组包含从 start 到数组结束的所有元素。
  如果这个参数是负数,那么它规定的是从数组尾部开始算起的元素。
  返回值
  返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。
  说明
  请注意,该方法并不会修改数组,而是返回一个子数组。如果想删除数组中的一段元素,应该使用方法 Array.splice()。
  
  
  定义和用法
  substring() 方法用于提取字符串中介于两个指定下标之间的字符。
  语法
  stringObject.substring(start,stop)
  start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
  stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。如果省略该参数,那么返回的子串会一直到字符串的结尾。
  返回值
  一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
  说明
  substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。
  如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。
  如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
  
  
  定义和用法
  substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
  语法
  stringObject.substr(start,length)
  start 必需。要抽取的子串的起始下标。必须是数值。如果是负数,那么该参数声明从字符串的尾部开始算起的位置。
   也就是说,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
  length 可选。子串中的字符数。必须是数值。如果省略了该参数,那么返回从 stringObject 的开始位置到结尾的字串。
  返回值
  一个新的字符串,包含从 stringObject 的 start(包括 start 所指的字符) 处开始的 length 个字符。
  如果没有指定 length,那么返回的字符串包含从 start 到 stringObject 的结尾的字符。
  
  
 */
 var stringValue = "hello world";
 alert(stringValue.slice(3)); //"lo world"
 alert(stringValue.substring(3)); //"lo world"
 alert(stringValue.substr(3)); //"lo world"
 alert(stringValue.slice(3, 7)); //"lo w"
 alert(stringValue.substring(3,7)); //"lo w"
 alert(stringValue.substr(3, 7)); //"lo worl"
 
 alert(stringValue.slice(-3));  //"rld"
 alert(stringValue.substring(-3)); //"hello world"
 alert(stringValue.substr(-3)); //"rld"
 alert(stringValue.slice(3, -4)); //"lo w"
 alert(stringValue.substring(3, -4)); //"hel"
 alert(stringValue.substr(3, -4)); //"" (empty string)

以上就是今天的javascript学习小结,之后每天还会继续更新,希望大家继续关注。

Javascript 相关文章推荐
Jquery封装tab自动切换效果的具体实现
Jul 13 Javascript
jquery.validate的使用说明介绍
Nov 12 Javascript
JavaScript面向对象编程入门教程
Apr 16 Javascript
js选择并转移导航菜单示例代码
Aug 19 Javascript
JavaScript中原型和原型链详解
Feb 11 Javascript
javascript实现超炫的向上滑行菜单实例
Aug 03 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
微信js-sdk地理位置接口用法示例
Oct 12 Javascript
利用Bootstrap实现表格复选框checkbox全选
Dec 21 Javascript
JS实现的JSON序列化操作简单示例
Jul 02 Javascript
利用Vue构造器创建Form组件的通用解决方法
Dec 03 Javascript
微信小程序实现登录注册功能
Dec 29 Javascript
跟我学习javascript的执行上下文
Nov 18 #Javascript
跟我学习JScript的Bug与内存管理
Nov 18 #Javascript
跟我学习javascript的循环
Nov 18 #Javascript
js操作table元素实现表格行列新增、删除技巧总结
Nov 18 #Javascript
跟我学习javascript的for循环和for...in循环
Nov 18 #Javascript
js实现模拟银行卡账号输入显示效果
Nov 18 #Javascript
跟我学习javascript的prototype原型和原型链
Nov 18 #Javascript
You might like
DOTA2 1月28日更新:监管系统降临刀塔世界
2021/01/28 DOTA
PHP操作数组相关函数
2011/02/03 PHP
一个简洁的PHP可逆加密函数(分享)
2013/06/06 PHP
PHP中读取文件的8种方法和代码实例
2014/08/05 PHP
PHP实现的限制IP投票程序IP来源分析
2016/05/04 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
javascript修改表格背景色实例代码分享
2013/12/10 Javascript
js 通用订单代码
2013/12/23 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
jQuery源码解读之addClass()方法分析
2015/02/20 Javascript
深入理解逻辑表达式的用法 与或非的用法
2016/06/06 Javascript
Node.js与MySQL交互操作及其注意事项
2016/10/05 Javascript
bootstrap suggest搜索建议插件使用详解
2017/03/25 Javascript
javascript数组去重常用方法实例分析
2017/04/11 Javascript
详解小程序用户登录状态检查与更新实例
2019/05/15 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
[41:08]2014 DOTA2国际邀请赛中国区预选赛 HGT VS NE
2014/05/22 DOTA
[01:00:14]DOTA2官方TI8总决赛纪录片 真视界True Sight
2019/01/16 DOTA
Python实现PS滤镜特效Marble Filter玻璃条纹扭曲效果示例
2018/01/29 Python
python设置值及NaN值处理方法
2018/07/03 Python
Python3中configparser模块读写ini文件并解析配置的用法详解
2020/02/18 Python
python GUI库图形界面开发之PyQt5打印控件QPrinter详细使用方法与实例
2020/02/28 Python
Python调用飞书发送消息的示例
2020/11/10 Python
HTML5全屏(Fullscreen)API详细介绍
2015/04/24 HTML / CSS
详解移动端HTML5页面端去掉input输入框的白色背景和边框(兼容Android和ios)
2016/12/15 HTML / CSS
土耳其家居建材网站:Koçtaş
2016/11/22 全球购物
6PM官网:折扣鞋、服装及配饰
2018/08/03 全球购物
公司出纳岗位职责
2013/12/07 职场文书
大学生暑期实践感言
2014/02/26 职场文书
企业2014年度工作总结
2014/12/10 职场文书
家属答谢词
2015/01/05 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书
会议主持词结束语
2015/07/03 职场文书
情感电台广播稿
2015/08/18 职场文书
土木工程生产实习心得体会
2016/01/22 职场文书
Python编程super应用场景及示例解析
2021/10/05 Python