为JavaScript开发人员准备的 21 个小技巧(一)

//tip1:
functionconvert(){
varfruits=['apple','peaches','oranges','mangoes'];
varstr=fruits.valueOf();
alert(str);
}

functionconvert2(){
varfruits=['apple','peaches','oranges','mangoes'];
varstr=fruits.join("|");
alert(str);
}
convert();
convert2();

//tip2:
functionconvert(){
varstr="apple,peaches,oranges,mangoes";
varfruitsArray=str.split(",");
alert('Array:'+fruitsArray);
}
convert();

3.通过索引删除数组中的元素
你有一个JavaScript数组，现在你想通过指定索引的方式删除其中某个元素。我们可以使用splice()方法来实现这个要求。这个方法可以往数组中添加元素，也可以从数组中删除元素。我们先来看看删除的操作：
//tip3:
functionremoveByIndex(arr,index){
arr.splice(index,1);
}

functiontestRemove(){
vartest=['Apple','Ball','Cat','Dog'];
varold=['Apple','Ball','Cat','Dog'];

removeByIndex(test,2);

alert("Arraybeforeremovingelements:"+old
+"\nArrayafterremovingelements:"+test);
}

testRemove();

译者注：splice(index,num)这种用法，指明从index位置开始，删除num个元素，这个方法会直接在调用数组上操作，如果删除了元素(num>0)则返回更新后的数组，如果没有删除元素(num===0)，则返回一个空数组([])；splice(index,num,element1,element2...)这种用法，则num后面所有的元素均是需要插入的新的元素，所操作的流程就是，从index开始删除num个原始元素，然后再在这个位置插入element1,element2......如果你只想插入新的元素，则只需num===0即可！注意，如果插入的是数组，则该方法会以嵌套数组的方式插入，不会讲数组展开！
4.通过值匹配的方式从数组中删除元素
你有一个数组，现在你想基于值（不是上述的索引）来删除某元素:
//tip4:
functionremoveByValue(arr,val){
for(vari=0;i<arr.length;i++){
if(arr[i]==val){
arr.splice(i,1);
break;
}
}
}

varsomearray=["mon","tue","wed","thur"]
varoldBeforeRemoveByValue=["mon","tue","wed","thur"];

removeByValue(somearray,"tue");

alert("Arraybeforeremovingelements:"+oldBeforeRemoveByValue
+"\nArrayafterremovingelements:"+somearray);

上面我们就是通过定义了一个函数removeByValue来达到我们的目的。在JavaScript中，我们可以通过prototypes在运行时为某些类添加一些方法（虽然这个并不被提倡），下面我们就为JavaScript的Array类添加removeByValue()方法，这样任何数组都可以直接调用这个方法了：

Array.prototype.removeByValue=function(val){
for(vari=0;i<this.length;i++){
if(this[i]==val){
this.splice(i,1);
break;
}
}
}

varsomearray=["mon","tue","wed","thur"];
varoldBeforeRemoveByValue=["mon","tue","wed","thur"];

somearray.removeByValue("tue");

alert("Arraybeforeremovingelements:"+oldBeforeRemoveByValue
+"\nArrayafterremovingelements:"+somearray);

5.从一个串来调用JavaScript函数
有时，你知道一个函数的名称，在运行期你想调用这个函数。假设这里有一个函数foo()，你想在运行时调用，这里我们会给一个例子，来告诉你如何通过一个函数的名字来调用这个函数：

//tip5:
functionfooForFun(vals){

alert(vals);
return1;
}

varfunctionName="fooForFun";//somethingyougetfromtheinputofuserorotherplaces......
vartheSpecialFun=window[functionName];
theSpecialFun("test");

6.生成1到N的随机数
下面的代码将帮助你产生1到N的随机数，这个代码在你的JS游戏中或许有一些用处：
//tip6:
/**
生成1到val的一个随机数
**/
functiongenerateMyRandom(val){

varmyRandom=Math.floor(Math.random()*val+1);
return	myRandom;
}

alert(generateMyRandom(100));

//tip7:
functionfnUnloadHandler(){
//Addyourcodehere
alert("Unloadevent..Dosomethingtoinvalidateuserssession..");
}
/*
<bodyonbeforeunload="fnUnloadHandler()">

</body>
*/