每天一篇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数据表格插件
Jul 17 Javascript
AJAX分页的代码(后台asp.net)
Feb 14 Javascript
javascript全局变量封装模块实现代码
Nov 28 Javascript
javascript截取字符串(通过substring实现并支持中英文混合)
Jun 24 Javascript
js拼接html注意问题示例探讨
Jul 14 Javascript
Bootstrap每天必学之简单入门
Nov 19 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
Google 地图API Map()构造器详解
Aug 06 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
Node.js+jade+mongodb+mongoose实现爬虫分离入库与生成静态文件的方法
Sep 20 Javascript
微信小程序 按钮滑动的实现方法
Sep 27 Javascript
vue实现路由监听和参数监听
Oct 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
FleaPHP的安全设置方法
2008/09/15 PHP
两个开源的Php输出Excel文件类
2010/02/08 PHP
用PHP实现递归循环每一个目录
2010/08/08 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
php中file_exists函数使用详解
2015/05/08 PHP
PHP面向对象五大原则之单一职责原则(SRP)详解
2018/04/04 PHP
PHP创建对象的六种方式实例总结
2019/06/27 PHP
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
jquery 倒计时效果实现秒杀思路
2013/09/11 Javascript
SeaJS入门教程系列之SeaJS介绍(一)
2014/03/03 Javascript
jquery显示隐藏input对象
2014/07/21 Javascript
jquery实现定时自动轮播特效
2015/12/10 Javascript
浅谈Node.js:fs文件系统模块
2016/12/08 Javascript
微信小程序 slider 详解及实例代码
2017/01/10 Javascript
Angular2开发环境搭建教程之VS Code
2017/12/15 Javascript
详解layui弹窗父子窗口之间传参数的方法
2018/01/16 Javascript
angular6根据environments配置文件更改开发所需要的环境的方法
2019/03/06 Javascript
一些手写JavaScript常用的函数汇总
2019/04/16 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
2019/11/26 Javascript
js实现点击生成随机div
2020/01/16 Javascript
vue项目或网页上实现文字转换成语音播放功能
2020/06/09 Javascript
JS如何实现封装列表右滑动删除收藏按钮
2020/07/23 Javascript
python不换行之end=与逗号的意思及用途
2017/11/21 Python
详解flask表单提交的两种方式
2018/07/21 Python
HTML5+CSS3应用详解
2014/02/24 HTML / CSS
世界最大域名注册商:GoDaddy
2016/07/24 全球购物
Senreve官网:美国旧金山的奢侈手袋品牌
2019/03/21 全球购物
切尔西足球俱乐部官方网上商店:Chelsea FC
2019/06/17 全球购物
生物化工专业个人自荐信
2013/09/26 职场文书
旅游管理毕业生自荐信范文
2014/03/19 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
自查自纠整改报告
2014/11/06 职场文书
伏羲庙导游词
2015/02/09 职场文书
党员自我评价2015
2015/03/03 职场文书
元旦晚会主持词开场白
2015/05/28 职场文书
MySQL Shell的介绍以及安装
2021/04/24 MySQL