搜索
首页web前端js教程每天一篇javascript学习小结(String对象)_javascript技巧

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学习小结,之后每天还会继续更新,希望大家继续关注。

声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
在JavaScript中替换字符串字符在JavaScript中替换字符串字符Mar 11, 2025 am 12:07 AM

JavaScript字符串替换方法详解及常见问题解答 本文将探讨两种在JavaScript中替换字符串字符的方法:在JavaScript代码内部替换和在网页HTML内部替换。 在JavaScript代码内部替换字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 该方法仅替换第一个匹配项。要替换所有匹配项,需使用正则表达式并添加全局标志g: str = str.replace(/fi

自定义Google搜索API设置教程自定义Google搜索API设置教程Mar 04, 2025 am 01:06 AM

本教程向您展示了如何将自定义的Google搜索API集成到您的博客或网站中,提供了比标准WordPress主题搜索功能更精致的搜索体验。 令人惊讶的是简单!您将能够将搜索限制为Y

示例颜色json文件示例颜色json文件Mar 03, 2025 am 12:35 AM

本文系列在2017年中期进行了最新信息和新示例。 在此JSON示例中,我们将研究如何使用JSON格式将简单值存储在文件中。 使用键值对符号,我们可以存储任何类型的

10个jQuery语法荧光笔10个jQuery语法荧光笔Mar 02, 2025 am 12:32 AM

增强您的代码演示:开发人员的10个语法荧光笔 在您的网站或博客上共享代码片段是开发人员的常见实践。 选择合适的语法荧光笔可以显着提高可读性和视觉吸引力。 t

构建您自己的Ajax Web应用程序构建您自己的Ajax Web应用程序Mar 09, 2025 am 12:11 AM

因此,在这里,您准备好了解所有称为Ajax的东西。但是,到底是什么? AJAX一词是指用于创建动态,交互式Web内容的一系列宽松的技术。 Ajax一词,最初由Jesse J创造

8令人惊叹的jQuery页面布局插件8令人惊叹的jQuery页面布局插件Mar 06, 2025 am 12:48 AM

利用轻松的网页布局:8个基本插件 jQuery大大简化了网页布局。 本文重点介绍了简化该过程的八个功能强大的JQuery插件,对于手动网站创建特别有用

10 JavaScript和JQuery MVC教程10 JavaScript和JQuery MVC教程Mar 02, 2025 am 01:16 AM

本文介绍了关于JavaScript和JQuery模型视图控制器(MVC)框架的10多个教程的精选选择,非常适合在新的一年中提高您的网络开发技能。 这些教程涵盖了来自Foundatio的一系列主题

什么是这个&#x27;在JavaScript?什么是这个&#x27;在JavaScript?Mar 04, 2025 am 01:15 AM

核心要点 JavaScript 中的 this 通常指代“拥有”该方法的对象,但具体取决于函数的调用方式。 没有当前对象时,this 指代全局对象。在 Web 浏览器中,它由 window 表示。 调用函数时,this 保持全局对象;但调用对象构造函数或其任何方法时,this 指代对象的实例。 可以使用 call()、apply() 和 bind() 等方法更改 this 的上下文。这些方法使用给定的 this 值和参数调用函数。 JavaScript 是一门优秀的编程语言。几年前,这句话可

See all articles

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前By尊渡假赌尊渡假赌尊渡假赌
仓库:如何复兴队友
4 周前By尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island冒险:如何获得巨型种子
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

SublimeText3 英文版

SublimeText3 英文版

推荐:为Win版本,支持代码提示!

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具