js的小括号、中括号和大括号

2020-09-17 16:47 更新

正则表达式的() [] {}有不同的意思,() 是为了提取匹配的字符串。表达式中有几个()就有几个相应的匹配字符串。

(\s*)表示连续空格的字符串。[]是定义匹配的字符范围。

比如 [a-zA-Z0-9] 表示相应位置的字符要匹配英文字符和数字。

[\s*]表示空格或者*号。{}一般用来表示匹配的长度,比如 \s{3} 表示匹配三个空格,\s[1,3]表示匹配一到三个空格。

(0-9) 匹配 '0-9′ 本身。 [0-9]* 匹配数字(注意后面有 *,可以为空)[0-9]+ 匹配数字(注意后面有 +,不可以为空){1-9} 写法错误。

[0-9]{0,9} 表示长度为 0 到 9 的数字字符串。

例如:在PHP中过滤内容里面有数字或空格数字

代码如下:
preg_replace("/\d{1,}\s{0,1}/", "xxxxxxxx", $signaturecontent);

JavaScript正则表达式在线测试工具:http://tools.jb51.net/regex/javascript


一、js中小括号()的用法详解


1、作为分组运算符:

分组运算符应该是再熟悉不过了,因为在小学数学中就有应用,例如:

var a=(1+2)*4;
console.log(a);
以上代码的输出值是12,因为分组运算符可以改变运算符的优先级,否则的话输出值是9。
扩展说明:
1.很多教程说它是一个强制运算符,其实在ECMAScript中,根本就没有强制运算符这么一个概念,它就是普通分组运算符。
2.这也是为什么eval()函数将json格式字符串转换为对象需再嵌套一个小括号的原因,可以参阅使用eval()将json字符串转换为对象要多加一个小括号一章节。 


2、函数声明和函数调用参数列表:
在声明函数或者调动函数的时候,如果有参数,那么就会将参数放在小括号之中,代码如下:

function func(a,b){
  //代码
}
func(1,2);


3、与特定关键字形成特定语句:
小括号可以与特定的关键词形成特定的语句,代码如下:

if(a>1){
  //代码
}
while(i<len){
  //代码
}
for(var i=0;i<len;i++){
  //代码
}


4、表达式方式函数声明和立即调用函数表达式:
创建一个函数除了函数声明方式声明之外,还可以使用表达式方式,代码如下:

function func(){
  //代码
}
var func=function(){
  //代码
}


第二种就是表达式方式声明一个函数。下面介绍一下函数声明和表达式方式的区别:
函数声明必须带有标识符,也就是函数名,但是函数表达式方式,标识符带不带都可以。

function 函数名称 (参数:可选){ 函数体 }//函数声明方式
function 函数名称(可选)(参数:可选){ 函数体 }//函数表达式方式


要区分一个代码是函数声明还是函数表达式,那要看代码的应用上下文,例如:

function func(){};//函数声明方式
(function func(){})//函数表达式方式
出现在运算符相关上下文中,那么它就是一个表达式,例如下面最常见的代码:

1
var func=function(){}


上面介绍一下什么是函数表达式,下面就看一下如何立即调用函数表达式:

(function(){})();
(function(){}());
!function(){}();


上面三个语句都是在运算符相关上下文中,所以都是表达式,就可以强制调用了,下面做一下分析:
1.(function(){})(),(function(){})是一个表达式,会强制其理解成函数直接量方式,也就是表达式方式创建函数,(function(){})它会返回函数对象的引用,最后使用小括号()调用此函数。


2.(function(){}()),如果不用外面包裹的小括号,{}就会理解为复合语句,那么function(){}就被理解为函数声明,但是没有标识符,所以会报错,使用小括号以后,就会变成表达式,也会被理解为直接量方式。


3.!function(){}(),原理同上,!也是一个运算符,所以在原理同上。


二、{ } 大括号,表示定义一个对象,大部分情况下要有成对的属性和值,或是函数。 
如:var LangShen = {"Name":"Langshen","AGE":"28"}; 
上面声明了一个名为“LangShen”的对象,多个属性或函数用,(逗号)隔开,因为是对象的属性, 
所以访问时,应该用.(点)来层层访问:LangShen.Name、LangShen.AGE,当然我们也可以用数组的方式来访问,如:LangShen["Name"]、LangShen["AGE"],结果是一样的。 


该写法,在JSON数据结构中经常用,除此之外,我们平时写函数组的时候,也经常用到,如: 

代码如下:

var LangShen = { 
Name = function(){ 
return "LangShen"; 
}, 
Age = function(){ 
return "28"; 



调用方式差不多,因为是函数组,所以要加上(),如:alert( LangShen.Name() ); 


三、[ ]中括号,表示一个数组,也可以理解为一个数组对象。 
如:var LangShen = [ "Name","LangShen","AGE","28" ]; 
很明显,每个值或函数,都是独立的,多个值之间只用,(逗号)隔开,因为是数组对象,所以它等于: 
var LangShen = Array( "Name","LangShen","AGE","28" ); 
访问时,也是和数组一样,alert( LangShen[0] ); 


四、{ } 和[ ] 一起使用,我们前面说到,{ } 是一个对象,[ ] 是一个数组,我们可以组成一个对象数组,如: 

代码如下:

var LangShen = { "Name":"Langshen", 
"MyWife":[ "LuLu","26" ], 
"MySon":[{"Name":"Son1"},{"Name":"Son2"},{"Name":"Son3"}] 


从上面的结构来看,是一个对象里面的第一项是个属性,第二项是一个数组,第三个是包含有多个对象的数组。调用起来,也是一层一层访问,对象的属性用.(点)叠加,数组用 [下标] 来访问。 


如:alert( LangShen.MySon[1].Name ) ;



以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号