js原生方法传参的细节（面试必问）

废话不说，直接上题。

slice()，接收两个参数，第一个为开始index（从0开始），第二个为结束的index(也是从0开始，但是不包括index本身，只到index-1)。返回值是截取的数组，原数组不变化。传第三个参数，没有作用。

splice()，接收无数个参数，第一个为开始的index（从0开始），第二个为删除的元素的个数（0代表不删除，1代表删除一个...），第三个为添加的元素，第四个也为添加的元素.....，返回值是删除的元素组成的数组，如果删除了0个就返回空数组，原数组会被改变成被操作后的数组（这里需要注意一个问题,比如：arr =[1,2,3],arr.splice(1,0,4)，arr会变成[1,4,2,3]，添加的4是在2的前面插入）。

以上两个方法的区别和应用，面试官会问。

forEach方法（除了数组对象之外，forEach 方法可由具有 length 属性且具有已按数字编制索引的属性名的任何对象使用。比如：{0:"a",1:"b",length:2}）

对于数组中出现的每个元素，forEach方法都会调用callback函数一次（采用升序索引顺序）,但不会为数组中缺少的元素调用回调函数（[1,2,"",3]，第三个选项不会执行callback）。

arr.forEach(callback,thisArg),只接受两个参数，一个是回调方法，一个是context.callback必选, 最多可以接受三个参数的函数。 对于数组中的每个元素，forEach 都会调用callbackfn 函数一次。thisArg可选, callbackfn 函数中的 this 关键字可引用的对象,如果省略 thisArg，则 undefined将用作 this 值。这时你回答出来这些已经觉得自己还可以了，然后面试官会问你那callback的三个参数是什么？

回调函数的语法如下所示：

function callback(value, index, array1)，value：数组元素的值。index：数组元素的数字索引。array1：包含该元素的数组对象。可以在回调方法中改变原数组。

这个方法的作用就是：利用数组中的值做一些应用，比如：显示出来，累加等等。

这里大家可以去区分一下$("div")，jQuery对象的each方法。很像，但是在回调方法调用时，传参不一样，请仔细查看。

链接地址：http://www.cnblogs.com/chaojidan/p/4141413.html

map方法，跟forEach方法差不多，唯一的区别是，arr.map(callback,thisArg)，有返回值，返回值是：对每个数组中的元素执行callback后，callback返回的值组成的数组。

当然原数组也不会改变，除非你在callback(value, index, array1)中直接改变array1。

这个方法的作用就是：把数组组装成其他的形式，比如：对数组中的每一项加1，或者平方等等。

这里大家可以去区分下$("div")，jQuery对象的map方法，也很像，但是传参不一样，同时，回调方法调用时，传参也不一样。请仔细查看。

链接地址：http://www.cnblogs.com/chaojidan/p/4141413.html

indexOf方法：接收两个参数：searchElement：必需。 要在 array1 中定位的值。fromIndex：可选。 用于开始搜索的数组索引， 如果省略 fromIndex，则从索引 0 处开始搜索。 如果 fromIndex 大于或等于数组长度，则返回 -1。 如果 fromIndex 为负，则搜索从数组长度加上 fromIndex 的位置处开始。如果计算所得的索引小于 0，则搜索整个数组。数组元素将与 searchElement 值进行全等比较，与 === 运算符类似。

lastIndexOf:接收两个参数：searchElement：必需。 要在 array1 中定位的值。fromIndex：可选。 用于开始搜索的数组索引, 如果省略 fromIndex，则搜索将从数组中的最后一个索引处开始。 如果 fromIndex 大于或等于数组长度，则搜索整个数组。 如果 fromIndex 为负，则搜索从数组长度加上 fromIndex 的位置处开始。 如果计算所得的索引小于 0，则返回 -1。数组元素将与 searchElement 值进行全等比较，与 === 运算符类似。

 最后就是一个很重要的方法，面试经常问到的方法：

replace方法：它会跟正则一起出题。它接收两个参数，比如：str.replace(str1,str2);

str1必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则只会替换一个。比如:"abbc".replace("b","d")  -> 返回"adbc"。

str2必需。规定了替换文本或生成替换文本的函数。

返回值，就是替换之后的字符串。原字符串不改变。

如果需要把匹配到的字符全部替换，需要使用正则"abbc".replace(/b/g,"d")   -> 返回"addc"。

replace() 方法的参数 str2可以是函数。在这种情况下，每个匹配都调用该函数，它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串，可以有 0 个或多个这样的参数。接下来的参数是一个整数，声明了匹配在 str中出现的位置。最后一个参数是 str本身。

比如："abcd".replace(/(a)(b)(c)/g,function(match,$1,$2,$3,index,str){　　match:abc（匹配到的字符串），$1:a（匹配到的第一个子表达式），以此类推，如果没有子表达式，就不会有这些参数，就直接是index。　　index:0（匹配到的字符串在原始字符串中的位置,也就是"abc"在"abcd"中的位置），最后一个是str:"abcd"（原始字符串）})

此方法功能很强大，推荐精读，有时可以让面试官眼前一亮。

 insertBefore方法

举个例子：

<ul id="ul"><li>1</li><li>2</li></ul>

 var list = document.getElementById("ul");

list.insertBefore(newItem,list.childNodes[0]);第一个参数必选，插入的新节点。第二个参数可选，在其之前插入新节点。如果未规定，则 insertBefore 方法会在list结尾插入 newnode。

 

 

 

加油！

 

转载于:https://www.cnblogs.com/chaojidan/p/4142338.html