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

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的循环 - 2015-11-20 18:11:05

1、优先使用数组而不是Object类型来表示有顺序的集合 ECMAScript标准并没有规定对JavaScript的Object类型中的属性的存储顺序。 但是在使用for..in循环对Object中的属性进行遍历的时候,确实是需要依赖于某种顺序的。正因为ECMAScript没有对这个顺序进行明确地规范,所以每个JavaScript执行引擎都能够根据自身的特点进行实现,那么在不同的执行环境中就不能保证for..in循环的行为一致性了。 比如,以下代码在调用report方法时的结果就是不确定的: functi
本文实例讲述了原生js模拟淘宝购物车实现代码。分享给大家供大家参考。具体如下: 通过JavaScript实现类似与淘宝的购物车效果,包括商品的单选、全选、删除、修改数量、价格计算、数目计算、预览等功能的实现。实现的效果图: 相应的代码: shoppingCart.html !DOCTYPE htmlhtmlhead meta charset = "UTF-8" titleJavaScript实现购物车项目实战/title link rel="stylesheet" type="text/css" href
编写程序前先来了解下身份证号的构成: 身份证号分为两种,旧的为15位,新的为18位。 身份证15位编码规则:dddddd yymmdd xx p 其中 dddddd:地区码 yymmdd: 出生年月日 xx: 顺序类编码,无法确定 p: 性别,奇数为男,偶数为女; 身份证18位编码规则:dddddd yyyymmdd xxx y 其中 dddddd:地区码 yyyymmdd: 出生年月日 xxx:顺序类编码,无法确定,奇数为男,偶数为女 y: 校验码,该位数值可通过前17位计算获得,计算的公式见程序, 一
1、JScript的Bug IE的ECMAScript实现JScript严重混淆了命名函数表达式,搞得现很多人都出来反对命名函数表达式,而且即便是现在还一直在用的一版(IE8中使用的5.8版)仍然存在下列问题。 下面我们就来看看IE在实现中究竟犯了那些错误,俗话说知已知彼,才能百战不殆。我们来看看如下几个例子: 例1:函数表达式的标示符泄露到外部作用域 var f = function g(){};typeof g; // "function" 前面我们说过,命名函数表达式的标示符在外部作用域是无效的,但
在淘宝,京东等其他网页上我们能够看到,当鼠标移上去的时候,能够使其下面出现其它选项,现在就演示一下这种功能 主要是用到css里面的display,以及鼠标触发的事件onmouseover(),和onmouseout()方式,在加上css样式的设置和标签之间额使用就能实现。 具体如下: 1,为了很好的控制,采用了列表的样式,并且在设置css样式时很方便 2,采用了a标签的样式,能够让鼠标移上去对其他的有反应 具体的js函数写的功能: script type="text/javascript" functio
1、正则表达式test方法 var text = "cat, bat, sat, fat"; var pattern = /.at/; if (pattern.test(text)){ alert("The pattern was matched."); } 2、正则的toString()方法 var pattern = new RegExp("\\[bc\\]at", "gi"); alert(pattern.toString()); // /\[bc\]at/gi alert(pattern.toLo
用过JavaScript的同学们肯定都对prototype如雷贯耳,但是这究竟是个什么东西却让初学者莫衷一是,只知道函数都会有一个prototype属性,可以为其添加函数供实例访问,其它的就不清楚了,最近看了一些 JavaScript高级程序设计,终于揭开了其神秘面纱。 每个函数都有一个prototype属性,这个属性是指向一个对象的引用,这个对象称为原型对象,原型对象包含函数实例共享的方法和属性,也就是说将函数用作构造函数调用(使用new操作符调用)的时候,新创建的对象会从原型对象上继承属性和方法。不像

JavaScript严格模式详解 - 2015-11-20 14:11:13

如我们所知,JavaScript 是一门灵活的语言。其灵活性同样也带来了很多坑,当然也有一些是 设计缺陷 。比如 一个变量没有声明就赋值,默认是全局变量,如 (function () { a = 3;})();console.log(window.a); // 输出3 对象有多个重名属性,最后赋值的那个属性会覆盖前面的值。如 var obj = { c: 3, c: 4}// obj 为 {c:4} 还有什么 == , typeof 之类的坑,数不胜数。毕竟 JavaScript 之父设计这门语言只用了一
你是否遇到过这样的情况,写了个function,无参数。 function showUserInfo(){alert("你好!我是小明。");}function showUserInfo(){ alert("你好!我是小明。"); } 调用: showUserInfo();showUserInfo(); 后来,发现其他地方也需要这个function,但是有变量值已经在function里面写死了,怎么办?加个参数吧。 function showUserInfo(name){name=name||"小明";a
本文实例讲述了js操作table元素实现表格行列新增、删除的方法。分享给大家供大家参考,具体如下: /************ TableTool.js ****************************************************************************************************************** **************************************************************