• 引用类型
  1. 检测数组

    注:我们实际开发中经常遇到要把数组转化成以逗号隔开,我以前都是join来实现,其实又更简单的方法可以用toString方法,它会自动用逗号隔开转换成字符串,其实toString内部也是调用join方法

    检测数组方法又两种:

    • l 在es5中新增了 Array.isArray()方法来检测是否是数组
    • l 另一种是 value instanceof Array ,这种方法不适合在页面套用模板,因为这个是检测构造函数,套用两个模板会有两个构造函数所以会有问题,
  2. Push是把参数添加到数组末尾,pop方法则是从数组末尾移除
  3. Shift方法是移除数组第一项,unshift是把参数添加到数组第一项
  4. 数组排序有两个方法reverse和sort :

reverse方法会对反转数组项排序

sort方法会调用每个数组项的toString转型方法,然后比较得到的字符串以确定如何排序

function compare(value1,value2){

If(value1<value2){

 return -1;

}else if(value1>value2){

return 1;

}else{

  Return 0;

}

}

5.concat()方法可以基于当前数组中的所有项创建一个新的数组

具体说,这个方法会先创建当前数组一个副本,然后将接受到的参数添加到一个副本的末尾,最后返回新构建的数组,在没有给concat()方法传递参数的情况下,它只是复制当前数组并返回副本。

6.slice 数组的截取,方法返回从该参数指定位置到结束位置之间的项不包括结束位置

7.splice方法:

  • l 删除:可以删除任意输了的项,两个参数:要删除的第一项的位置和要删除的项数
  • l 插入:可以向指定位置插入任意数量的项,3个参数:起始位置,要删除的项数,要插入的项
  • l 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项

8.获取数组位置方法:

两个方法:indexOf()和lastIndexOf()这两个方法接收两个参数:要查找的项和表示查找起点位置的索引

indexOf是从头开始查找,lastIndexOf是后面开始查找

9.迭代方法

  • l every:对数组中的每一项运行给定函数,如果改函数对每一项返回true,则返回true
  • l Filter:对数组中的每一项运行给定函数,返回改函数会返回true的项组成的数组
  • l forEach:对数组中的每一项运行给定函数,这个方法没有返回值、
  • l map:对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组
  • l some:对数组中的每一项运行给定函数,如果该函数对任一项返回的true,则返回true

10.缩小方法

Es5还新增了两个缩小方法:reduce()和reduceRight()这两个方法接收两个参数:一个在每一项商调用的函数和作为缩小基础的初始值;

就是迭代数组的每一项将处理后返回。

var value=[1,2,3,4,5]

Var sum=value.reduceRight(function(prev,cur,index,array){\

return prev*cur;

})

alert(sum)//
  • l RegExp类型(正者表达验证)
  1. g:表示全局模式
  2. i:表示不区分大小写
  3. m:表示多行模式

例如:

var re=null,i;

for(i=0;i<10;i++){

re=/cat/g;

re.test(“catastrophe”);

}

for(i=0;i<10;i++){

re=new RegExp(“cat”,”g”);

re.test(“catastrophe”);

}

第一个循环第一次调用test找到了cat,但第二次调用是从索引为3的字符开始,所以就找不到它了,由于会测试到字符串末尾,所以下次调用test就又从头开始

第二个循环使用RegExp构造函数在每次循环中创建正则表达式,因为每次迭代都会创建一个新的RegExp实例,所以每次调用test都会返回true。

  • l RegExp 实例属性
  1. global:布尔值,表示是否设置了g标志;
  2. ignorecase:布尔值,表示是否设置了i标志;
  3. lastIndex:整数,表示开始搜索下一个匹配的字符串位置,从0开始
  4. multiline:布尔值,表示是否设置了m标志
  5. source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。
  • l RegExp实例方法

RegExp对象的主要方法是exec,该方法是专门为捕获组而设计的,exec接受一个参数,即要应用模式的字符串,然后返回包含第一个匹配项信息的数组;或者在没有匹配项的情况下返回null,返回数组虽然是Array的实例,单包含两个额外的属性:index和input,其中,index表示匹配的项在字符串中的位置,而input表示应用正则表达式的字符串,,在数组中,第一项是与整个模式匹配的字符串,其他项是与模式中的捕获组匹配的字符串例如:

var text=”mom and dad and baby”;

var pattern=/mom(and dad( and baby)?)?/gi;

var matches=pattern.exec(text);

alert(matches.index);//

alert(matches.input)://mom and dad and baby

alert(matches[0]); //mom and dad and baby

alert(matches[1]);//” and dad and baby”

alert(matches[2])//” and baby” 

对于exec方法而言,即使在模式中设置了全局标志g,它每次也只会返回一个匹配项,在不设置全局标志的情况下,在同一个字符串商多次调用exec()将始终返回第一个匹配项信息,而在设置全局标志的情况下,每次调用exec则都会在字符串中继续查找新匹配项例如:

var text=”cat,bat,sat,fat”;

var pattern1=/.at/;

var matches=patter1.exec(text);

alert(matches.index);//

alert(matches[0]);//cat

alert(pattern1.lastIndex);//

matches=pattern1.exec(text);

alert(matches.index);//

alert(matches[0]);//cat

alert(pattern1.lastIndex);//

var pattern2=/.at/g;

var matches=pattern2.exec(text);

alert(matches.index);//

alert(matches[0]);//cat

alert(pattern2.lastIndex);//

matches=pattern2.exec(text);

alert(matches.index);//

alert(matches[0])://bat

alert(pattern2.lastIndex);//
  • l RegExp构造函数属性

RegExp构造函数包含一些属性,这些属性适用于作用域中的所有正则表达式,并且基于所执行的最近移除正则表达式操作而变化。

  1. input属性返回了原始字符串,
  2. leftcontext 属性返回了单词short之前的字符串,而rightcontext属性则返回了short之后的字符串
  3. lastMatch属性返回最近一次与整个正则表达式匹配的字符串,即short
  4. lastParen属性返回最近一次匹配的捕获组

javascript高级编程笔记03(正则表达式)的更多相关文章

  1. javascript高级编程笔记01(基本概念)

    1.在html中使用JavaScript 1.  <script> 元素 <script>定义了下列6个属性: async:可选,异步下载外部脚本文件. charset:可选, ...

  2. javascript高级编程笔记05(面向对象)

    面向对象设计 es中有两种属性:数据属性和访问器属性 数据属性: 数据属性包含一个数据值的位置,在这个位置可以读取和写入值,数据属性有4个描述其行为的特性 [[Configurable]]:表示能否通 ...

  3. javascript高级编程笔记04(基本概念)

    Function类型 Es5中规范了另一个函数对象的属性:caller,这个属性中保存着调用当前函数的函数的引用,如果是在全局作用域中调用当前函数,这它的值为null function outer() ...

  4. javascript高级编程笔记02(基本概念)

    ParseInt()函数: 由于Number函数在转换字符串时比较复杂而且不合理,我们常常转换字符串都用parseInt函数, Parseint函数规则: 忽略字符串前面的空格,直到找到第一个非空格字 ...

  5. javascript高级编程笔记06(面相对象2)

    1)  构造函数模式 es中的构造函数可以用来创建特定类型的对象,像Object和Array这样的原生构造函数,在运行时会自动出现在执行环境中,此外,也可以创建自定义的构造函数,从而定义自定义对象类型 ...

  6. python高级编程笔记一 正则表达式

    事例

  7. JavaScript高级编程——Date类型

    JavaScript高级编程——Date类型 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  8. Android高级编程笔记(四)深入探讨Activity(转)

    在应用程序中至少包含一个用来处理应用程序的主UI功能的主界面屏幕.这个主界面一般由多个Fragment组成,并由一组次要Activity支持.要在屏幕之间切换,就必须要启动一个新的Activity.一 ...

  9. JavaScript高级编程———JSON

    JavaScript高级编程———JSON < script > /*JSON的语法可以表达一下三种类型的值 简单值:使用与javas相同的语法,可以在JSON中表达字符串.数值.布尔值和 ...

随机推荐

  1. Java基础知识强化之IO流笔记64:合并流SequenceInputStream

    1. SequenceInputStream合并流的概述: SequenceInputStream类可以将多个输入流串联在一起,合并为一个输入流,因此,该流也被称为合并流.   2. Sequence ...

  2. CSS——选择器

    css选择器 css选择器可分为:标签(元素)选择器,ID选择器,类选择器,属性选择器,后代选择器,子代选择器,相邻兄弟选择器和兄弟选择器.... 标签选择器: //E{attr:value;attr ...

  3. C语言结构体的引入

    #include <stdio.h> struct student{ int ID; ]; int age; }; int main(){ //赋值: , }; ,.name=}; , , ...

  4. 基于Selenium2+Java的UI自动化(1) - 原理和环境搭建

    一.Selenium2的原理 Selenium1是thoughtworks公司的一个产品经理,为了解决重复烦躁的验收工作,写的一个自动化测试工具,其原理是用JS注入的方 式来模拟人工的操作,但是由于J ...

  5. 蓝牙 GameKit

    一.准备工作 1.搭建UI  2.拖线 // 图片 @property (weak, nonatomic) IBOutlet UIImageView *imageView; // 建立连接 - (IB ...

  6. MySQL之select查询、function函数

    一.select查询 //查询某张表所有数据 select * from temp; //查询指定列和条件的数据 //查询name和age这两列,age等于22的数据 ; //as对列重命名 //as ...

  7. CSS 수직 가운데 정렬 (테이블 없이!) Vertical Centering with CSS

    이 방법은 테이블처럼 만들어서 테이블의 vertical-align 속성을 사용할 수 있도록 를 몇 개 세팅한다. (테이블의 vertical-align 속성은 다른 요소들에서는 굉장 ...

  8. C# 接口的隐式与显示实现【转】

    以前在用到接口时,从来没注意到接口分为隐式实现与显示实现.昨天在浏览博客时看到相关内容,现在根据自己的理解记录一下,方便日后碰到的时候温习温习.通俗的来讲,“显示接口实现”就是使用接口名称作为方法名的 ...

  9. spark stream初探

    spark带了一个NetworkWordCount测试程序,用以统计来自某TCP连接的单词输入: /usr/local/spark/bin/run-example streaming.NetworkW ...

  10. RabbitMQ 原文译03--发布和订阅

    发布/订阅 在之前的案例中我们创建了一个工作队列,这个工作队列的实现思想就是一个把每一个任务平均分配给每一个执行者,在这个篇文章我们会做一些不一样的东西,把一个消息发送给多个消费者,这种模式就被称作& ...