[翻译]javascript学习笔记 （一）-函数基础

正则表达式验证表单
function validateForm(){

var email = document.forms.tutform.elements.email.value;

if(!(/^[a-zA-Z][\w\.-]*[a-zA-Z0-9]@[a-zA-Z0-9][\w\.-]*[a-zA-Z0-9]\.[a-zA-Z][a-zA-Z\.]*[a-zA-Z]$/.test(email))){

alert('Please enter a valid e-mail address');

return false;

}

return true;

}

定义一个函数，需要前三个参数，其余7个是可选的
function myFunction(arg1, arg2, arg3, arg4, arg5, arg6, arg7, arg8, arg9, arg10){

// do stuff with arg1

// do stuff with arg2

// do stuff with arg3

if(arg4){

// do stuff with arg4

}

if(arg5 && arg6 && arg7){

// do stuff with arg5, arg6 and arg7

if(arg8){

// do stuff with arg8

}

}

if(arg9 || arg10){

// do stuff with arg9 or arg10

}

}

如果参数没有传值则为"undefine",这代表对象不存在。在判断语句中，系统可以把它转换为布尔值"false"。

函数参数中可以传递函数

<script type="text/javascript">

function multiply(){

var out=1;

for(var i=0; i<arguments.length; i++){

out *= arguments[i];

}

return out;

}

function add(){

var out=0;

for(var i=0; i<arguments.length; i++){

out += arguments[i];

}

return out;

}

function doAction(action){

alert(action(1, 2, 3, 4, 5));

}

</script>

<button onclick="doAction(multiply)">Test Multiply</button>

<button onclick="doAction(add)" >Test Add</button>

若你不清楚函数有多少个参数，可以使用function内置的"arguments"对象，它存在与每个函数里面。

function myFunction(){

for(var i=0; i<arguments.length; i++){

alert(arguments[i].value);

}

}

函数中可以包含函数，这为实现js的仿OO提供了基础。

function myFunction(){

function nestedFunction1(arg1, arg2, arg3){

alert(arg1+arg2+arg3);

}

var nestedFunction2 = function(arg1, arg2, arg3){

alert(arg1+arg2+arg3);

}

var nestedFunction3 = new Function('arg1, arg2, arg3', 'alert(arg1+arg2+arg3);');

}

函数定义有很多种，第三中定义方式很少用，但是很有用。你可以使用字符串定义函数。

字符串

转义字符 \

var n = "The dog took it's bone outside";

var n = 'The dog took it\'s bone outside';

两者的效果是一样的

常用字符串函数

IndexOf 返回包含指定字符串在另外一个字符串第一次出现的位置，如果不存在则返回-1

lastIndexOf 返回包含指定字符串在另外一个字符串最后一次出现的位置，如果不存在则返回-1

charAt 字符串中指定位置的字符值

substring 获取字符串两个索引间的值

substr 功能和substring类似 第二个参数获取的是所需字符串的长度

例如

alert('This is a Test'.indexOf('T')); // 0

alert('This is a Test'.lastIndexOf('T')); // 10

alert('This is a Test'.charAt(5)); // i

alert('This is a Test'.length); // 14

alert('This is a Test'.substring(5, 9)); // is a

alert('This is a Test'.substr(5, 9)); // is a Test

alert('This is a Test'.toUpperCase()); // THIS IS A TEST

alert('This is a Test'.toLowerCase()); // this is a test

eval 将传入的字符串作为javascript代码执行

eval("alert('Hello, World!')");

数字

NaN 代表 "not a number"

常用函数

parseInt ,parseFloat,toString

数组

两种定义数组的方式

var students = new Array();

students[0] = 'Sam';

students[1] = 'Joe';

students[2] = 'Sue';

students[3] = 'Beth';

var students = ['Sam', 'Joe', 'Sue', 'Beth'];

数组的每个项可以包含任何类型的其他项,如字符串,数字,对象,函数,甚至数组.

var spreadsheet = [

['A1', 'B1', 'C1', 'D1'],

['A2', 'B2', 'C2', 'D2'],

['A3', 'B3', 'C3', 'D3'],

['A4', 'B4', 'C4', 'D4']

];

通过如下代码访问

var col2 = spreadsheet[1];

alert(col2[2]);

// or

alert(spreadsheet[1][2]);

在数组的末尾加入一个新的项

var students = ['Sam', 'Joe', 'Sue', 'Beth'];

students[4] = 'Mike';

students[students.length] = 'Sarah';

students.push('Steve');

// we now have an array with 7 elements: ['Sam', 'Joe', 'Sue', 'Beth', 'Mike', 'Sarah', 'Steve']

splice函数的作用很大 可以用来任意添加或删除数组元素 下面示例用来添加和删除数组项.splice接收了两个参数:起始索引,移除项的数目 .

var students = ['Sam', 'Joe', 'Sue', 'Beth'];

function addStudent(name){

students.push(name);

}

function removeStudent(name){

for(var i=0; i<students.length; i++){

if(students[i].toLowerCase() == name){

students.splice(i, 1);

break;

}

}

}

我们经常需要将数组转为字符串或字符串转为数组

提供了两个函数

join:将数组转为字符串 每个项之间用一个字符串连接起来

split:将字符串转为数组

var myString = 'apples are good for your health';

var myArray = myString.split('a'); // we break myString apart on every 'a' found.

alert(myArray.join(', ')); // we join myArray back together with a comma so you can see each item

alert(myArray.join('a')); // now we join myArray back together with an 'a' so we get our original string back

还有两个有用的数组函数

pop:移除最后项且返回该项

shift:移除起始项且返回该项

var students = ['Sam', 'Joe', 'Sue', 'Beth'];

while(students.length>0){

alert(students.pop());

}

这样数组会清空,还有一种更简洁的清空数组方式

students.length = 0

for语句

var students = ['Sam', 'Joe', 'Sue', 'Beth'];

students['Sam'] = 90;

students['Joe'] = 85;

students['Sue'] = 94;

students['Beth'] = 82;

alert('There are '+(students.length)+' students: '+students.join(', '));

for(var i=0; i<students.length; i++){

alert(students[i]+"'s grade is: "+students[students[i]]);

}

for in语句实现相同的功能

var grades = [];

grades['Sam'] = 90;

grades['Joe'] = 85;

grades['Sue'] = 94;

grades['Beth'] = 82;

for(student in grades){

alert(student + "'s grade is: " + grades[student]);

}
Created by jecray