JavaScript语言精粹【数组、正则表达、JSON、JSLint】

四、数组

当属性名是小而连续的整数时，应该使用数组；否则使用对象。
数组：

var numbers = ['zero','one','two','three','four','five','six','seven','eight','nine'];

对象字面量：

var numbers_object = {'0':'zero','1':'one','2':'two','3':'three','4':'four','5':'five','6':'six','7':'seven','8':'eight','9':'nine'}

numbers继承自Array.prototype
numbers_object继承自Object.prototype

1. 删除

delete numbers[2]; // 会在数组中留下一个空洞['zero','one',undefined,'three','four','five','six','seven','eight','nine']
numbers.splice(2,1); // 对于大型数组效率不高['zero','one','three','four','five','six','seven','eight','nine']

2. 枚举

for in无法保证属性的顺序，且可能从原型链中得到意外属性
for可以避免此类问题

3. 判断是否为数组

JavaScript中对数组和对象的区别是混乱的，typeof运算符的结果都为'object'
自定义is_array函数弥补缺憾：

var is_array = function(value){return value && typeof value === 'object' && value.constructor === Array;}

上述方式，在识别从不同的窗口(window)或帧(frame)里构造的数组时会失败，对应方式：

var is_array = function(value){return Object.prototype.toString.apply(value) === '[object Array]';}

补充：

var ary = [1,2,3]Object.prototype.toString.apply(ary)// "[object Array]"Array.prototype.toString.apply(ary) 等价于 ary.toString()// "1,2,3"

4. 为数组添加方法

var data = [4,8,16,32];var add = function(a,b){return a+b;}

方式一(沿用method方法)：

Array.method('reduce',function(f,value){var i;for(i=0;i<this.length;i++){value = f(this[i],value);}return value;});

调用：
var sum = data.reduce(add,0); // 60
方式二(数组也是对象，为对象添加方法)：

data.total = function(){return this.reduce(add,0);}

调用：
total = data.total(); //60

5. JavaScript没有多维数组，但其支持元素为数组的数组。

五、正则表达式

JavaScript语法借鉴自Java，函数借鉴自Scheme，原型继承借鉴自Self，正则表达式借鉴自Perl。
regexp.exec、regexp.test、string.match、string.replace、string.search、string.split
/^  $/i
/^开头，$/结尾，
g标识全局的
i标识忽略字母大小写
m标识多行
实例：

var parse_url = /^(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za-z]+)(?::(\d+))?(?:\/([^?#]*))?(?:\?([^#]*))?(?:#(.*))?$/;var url = "http://www.ora.com:80/goodparts?q#fragment";var result = parse_url.exec(url);var names = ['url','scheme','alash','host','port','path','query','hash'];var blanks = '  ';var i;for(i=0;i<names.length;i++){document.writeln(names[i]+":"+blanks.substring(names[i].length),result[i]+"\r\n");}

结果：
url: http://www.ora.com:80/goodparts?q#fragment VM2603:9
scheme: http VM2603:9
alash: // VM2603:9
host: www.ora.com VM2603:9
port: 80 VM2603:9
path: goodparts VM2603:9
query: q VM2603:9
hash: fragment 
说明：
(?:...)：表示一个非捕获型分组

六、JSON

JSON有6种类型的值：对象、数组、字符串、数字、布尔值和null。
JSON对象是一个容纳“名/值”对的无序集合。名字可以是任何字符串。值可以是任何类型的JSON值。
JSON字符串被包围在一对双引号之间。\字符被用于转义。
使用eval函数可以把一段JSON文本转化成一个有用的数据结构：
var myData = eval('('+ myJSONText +')');
解释；用圆括号把JSON文本括起来是一种避免JavaScript语法歧义的变通方案。JavaScript中不允许以左花括号“{”开始，因为那会与块语句产生混淆。“()”在此处作为表达式的分组运算符，能对包围在其中的表达式进行求值，能正确识别对象字面量。
建议；使用JSON.parse替代eval
恶习：
把Ajax返回的HTML文本赋值给某元素的innerHTML属性，如果其中包含<script>标签或者其等价物，那么一个恶意脚本有可能被注入执行。

七、JSLint

JavaScript语法检测器和校验器，http://www.JSLint.com/