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"(原始字符串)})

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

加油!

时间: 2024-08-25 00:05:23

js原生方法的使用(面试必问)的相关文章

面试必问:JVM类加载机制详细解析

前言 在Java面试中,简历上有写JVM(Java虚拟机)相关的东西,JVM的类加载机制基本是面试必问的知识点. 类的加载和卸载 JVM是虚拟机的一种,它的指令集语言是字节码,字节码构成的文件是class文件.平常我们写的Java文件,需要编译为class文件才能交给JVM运行.可以这么说:C语言代码——>二进制文件——>计算机硬件,就相当于Java代码——>字节码文件——>JVM.JVM将指定的class文件读取到内存里,并运行该class文件里的Java程序的过程,就称之为类的

js 原生方法获取所有兄弟节点

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"

Java面试必问之---HashMap

本文有些长,贴的源码较多,请各位看官自备花生瓜子啤酒饮料矿泉水小板凳,且听我慢慢道来. Java面试都会问集合,集合必问HashMap,CurrentHashMap,后面的套路就肯定会问多线程.线程安全等等,今天就来学习下HashMap,不对,是补习下. 1.HasMap的属性 先看下HashMap的继承体系,它继承自抽象类AbstractMap,实现了Map.Cloneable.Serializable接口,还有较常用的子类LinkedHashMap也实现了Map接口. public clas

面试必问:HashMap 底层实现原理

HashMap是在面试中经常会问的一点,很多时候我们仅仅只是知道HashMap他是允许键值对都是Null,并且是非线程安全的,如果在多线程的环境下使用,是很容易出现问题的. 这是我们通常在面试中会说的,但是有时候问到底层的源码分析的时候,为什么允许为Null,为什么不安全,这些问题的时候,如果没有分析过源码的话,好像很难回答, 这样的话我们来研究一下这个源码.看看原因吧. HashMap最早出现在JDK1.2中,它的底层是基于的散列算法.允许键值对都是Null,并且是非线程安全的,我们先看看这个

【PHP面试题】通俗易懂的两个面试必问的排序算法讲解:冒泡排序和快速排序

又到了金三银四找工作的时间,相信很多开发者都在找工作或者准备着找工作了.一般应对面试,我们无可厚非的去刷下面试题.对于PHPer来说,除了要熟悉自己所做的项目,还有懂的基本的算法.下面来分享下PHP面试中常会问到的算法:冒泡排序和快速排序 冒泡排序:一一对比排序 基本思想: 重复地走访过要排序的元素列,依次比较两个相邻的元素,如果他们的顺序(如从大到小)错误就把他们交换过来.走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是说该元素已经排序完成. 图解: 1.第一次:拿着数组的第一个元素

面试必问的MySQL锁与事务隔离级别

之前多篇文章从mysql的底层结构分析.sql语句的分析器以及sql从优化底层分析, 还有工作中常用的sql优化小知识点.面试各大互联网公司必问的mysql锁和事务隔离级别,这篇文章给你打神助攻,一飞冲天. 锁定义 锁是计算机协调多个进程或线程并发访问某一资源的机制. 在数据库中,除了传统的计算资源(如 CPU.RAM.I/O等)的争用以外,数据也是一种需要用户共享的资源.如何保证数据并发访问的一致性.有效性是所有数据库需要解决的问题,锁冲突也是影响数据库并发性能的一个重要因素. 锁分类 从性能

Redis扫盲:浅谈Redis面试必问——工程架构篇

前言 接下来我们来一起研究下Redis工程架构相关的问题,这部分内容出现的概率相对大一些,因为并不是所有人都会去研究源码,如果面试一味问源码那么可能注定是一场尬聊. 面试时在不要求候选人对Redis非常熟练的前提下,工程问题将是不二之选. 通过本文你将了解到以下内容:1.Redis的内存回收详解2.Redis的持久化机制 Q1:了解Redis的内存回收吗?讲讲你的理解 1.1 为什么要回收内存? Redis作为内存型数据库,如果单纯的只进不出早晚就撑爆了,事实上很多把Redis当做主存储DB用的

【面试宝典】 spring基础面试必问

前言: 2018,2019年这两年,互联网行业都不怎么景气,我想最近大家对于某某公司劝退员工的事,都有所耳闻,再加上19年快结束了,又有不少人得提前回家过年(自己领悟我这句话的意思,懂的自然懂) 有人私信我,问我有没有相关面试方面的文章,所以,把spring基础2019年面试可能问到的题目整理了一下.我遇到不少社友在问,为什么,在我朋友圈里面,很多技术跟我差不多的,工资有不少都比我高,运气算一个因素,还有一个因素就是面试.给大家分享一个真实的案例把,这样大家才能更清楚的明白面试的重要性. 一个真

面试必问的CAS

概述 CAS(Compare-and-Swap),即 比较 并 替换 ,是一种实现 并发算法 时常用到的技术,Java并发包中的很多类都使用了CAS技术.CAS也是现在面试经常问的问题,本文将深入的介绍CAS的原理. 案例 介绍CAS之前,我们先来看一个例子. CAS是什么?CAS是英文单词CompareAndSwap的缩写,中文意思是:比较并替换.CAS需要有3个操作数:内存地址V,旧的预期值A,即将要更新的目标值B. CAS指令执行时,当且仅当内存地址V的值与预期值A相等时,将内存地址V的值