js面试题-手写数组的方法

最新推荐文章于 2022-11-17 12:59:52 发布
最新推荐文章于 2022-11-17 12:59:52 发布
阅读量359 收藏 1
点赞数
文章标签： html5 html javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/webblock/article/details/121602791
版权
本文主要展示了JavaScript中数组的一些常见方法的实现代码，包括at、concat、every、fill、filter、find、findIndex、flat、forEach、from、includes、indexOf、isArray、join、lastIndexOf、map、of、pop、push、reduce、reverse、shift、slice、some、unshift等。这些方法是JS开发中经常遇到的，了解其工作原理有助于提升编程能力。
摘要由CSDN通过智能技术生成

首先声明，这里只写代码。至于方法的作用请自行查阅mdn文档。

1、Array.prototype.at()方法

Array.prototype.myAt = function(params = 0){
    let temp = this,
        index,
        result,
    if(typeof params == 'string'){
        if(params.length == 0){
            index = 0
        }else{
            if(isNaN(Number(params))){
                index = 0
            }else{
                index = Number(params) == 0 ? 0 : Number(params) > 0 ? Number(params) : temp.length + Number(params)
            }
        }
    }else if(typeof params == 'boolean'){
        index = Number(params)
    }else if(typeof params == 'number'){
        index = params == 0 ? 0 : params > 0 ? params : temp.length + params
    }else if(JSON.stringify(params) == "[]" || JSON.stringify(params) == '{}'){
        index = 0
    }
    for(let i = 0,l = temp.length; i < l; i++){
        if(i == index){
            result = temp[i]
        }
    }
    return result
}

2、Array.prototype.concat方法

Array.prototype.myConcat = function(...params){
    if(params.length == 0)return this
    reutrn [...this,...params].flat()
}

3、Array.prototype.every方法

Array.prototype.myEvery = function(fn,thisValue = window){
    let temp = this
    if(typeof fn != 'function'){
        throw new Error(`${fn} is not a function`)
    }
    for(let i = 0,l = temp.length; i < l; i++){
        if(!fn.call(thisValue,temp[i],i,temp)){
            return false
最低0.47元/天 解锁文章
gentry-jh
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
手写实现数组的方法 --例如 findIndex
Beth__hui的博客
01-18 227
Array.prototype.myfindidx = function(fn) { for (var i = this.length - 1; i >= 0; i--) { if (fn(this[i], i, this)) return i } return -1 }
前端大厂最新面试题-vivo.docx
06-06
"前端大厂最新面试题-vivo.docx" 前端工程师面试题目分析 在本文档中，我们可以看到 vivo 前端工程师面试题目的详细信息。本文档共有 10 个问题，涵盖了前端开发中的一些关键技术点。下面，我们将逐一分析每个问题...
手写js的几个数组方法：map，filter，forEach等等
bzaZJU的博客
05-06 407
实现js常见数组方法 map方法接收两个参数，第一个为函数，第二个一般为this，我们在使用map函数的时候，一般只用添加函数即可。 let arr=[1,2,3,4,5]; Array.prototype.mapArray=function(fn,thisArgs){ let length=this.length; console.log(t
JavaScript - 数组及手写数组方法
车车的博客
06-18 600
JS - 数组声明一个数组1.构造函数2.直接量的形式3.ES6 新增API Array.of(...args)4.ES6 新增API Array.from(args):通过给定的类数组 或 可迭代对象 创建一个新的数组数组的方法1.基本方法改变原数组不改变原数组2.扩展方法及实现 声明一个数组 1.构造函数 let arr = new Array(); //空数组 let arr = new Array(5); //长度为5的空数组 (若只有一个数字，表示的是数组长度) 2.直接量的形式
「前端练习场」原生 JavaScript 手写各种 数组 API
weixin_33721344的博客
04-29 202
前言 JavaScript 中的数组类型提供了很多原生方法供我们使用，本文会 模拟实现 一些常用的数组 API。 「前端练习场」 将会持续更新，不同于之前的 【前端进阶之路】 和 【从头到脚】 这两个系列，练习场 主要侧重于基础知识的练习巩固，大家对这个系列有好的建议也可以在评论区和我交流
JS数组方法手写代码实现（一）
m0_55315930的博客
11-17 666
JavaScript的Array方法的原生JavaScript代码实现。
前端大厂最新面试题-tecent.docx
06-06
该文档没有提供任何标签信息，但根据文档的内容，可以添加一些相关的标签，如"前端面试题"、"腾讯面试"、"JavaScript"、"数组操作"、"排序算法"、"Vuex"等。 部分内容解释 1. 手撕代码1：call 函数的实现 在...
前端大厂最新面试题-万字面试干货.docx
06-06
面试题通常涵盖了JavaScript基础和进阶、HTML/CSS、浏览器原理、性能优化、工程实践、框架使用与原理、计算机科学基础知识（如算法、数据结构、网络）、设计模式等多个方面。 1. **JavaScript基础/进阶**： - 数据...
前端大厂最新面试题-2019猿辅导前端社招面经.docx
06-06
8. **手写快速排序**：快速排序是一种高效的分治算法，基本思想是选取一个基准值，将数组分为两部分，小于基准值的放在左边，大于的放在右边，然后递归地对左右两边进行快速排序。核心代码如下： ```javascript ...
js 面试题1 typeof-变量计算-原型
最新发布
09-23
在面试中，可能会要求手写一个简单的jQuery实现。上述代码展示了一个基本的jQuery类，包含选择元素、获取元素、遍历元素和事件绑定的功能。此外，还可以扩展jQuery的插件功能，如示例中的`dialog`方法。 总的来说，...
JavaScript手写数组的常用函数总结
01-21
前言 在开发过程中，我们常常使用数组的一些 api 相关操作，其中包含 forEach 、 filter 、 find 、 findIndex 、 map 、 some 、 every 、 reduce 、 reduceRight 等函数方法。 今天，我们试试手写这些函数，实现数组这些函数方法。为了方便，直接在数组原型对象 prototype 上扩展。 本文 Githab 已上传，更多往期文章已分类整理。 正文 参数说明 callbackFn 回调函数 thisArg 执行 callbackFn 时使用的 this 值 currentValue 数组中正在处理的元素 index 当前索引
【XJB造轮子】独立手写实现JS中数组的部分方法
The Blog by OMpZoNE
03-11 172
心态浮躁的我在自己设想的小项目写不下去的时候跑过来没事干重新弄DS玩 看了下《学习JS数据结构与算法》的第二章并写了一下这几个方法： pop，shift，unshift 1.myUnshift function myUnshift(addNum,array) { for (var i = array.length; i &gt;= 0; i--) { array[i] = a...
JavaScript进阶手写系列，手写13个数组方法的原理实现
秋天，黄叶坠地，凉风有信。
03-22 2346
文章目录JavaScript进阶手写系列，手写数组方法的原理实现1、forEach2、map3、filter4、every5、some6、reduce7、findIndex8、find9、fill10、includes11、join12、flat13、splice JavaScript进阶手写系列，手写数组方法的原理实现 1、forEach 参数代表含义 item：遍历项 index：遍历项的索引 arr：数组本身 // forEach Array.prototype.myForEach = func
JS : 手写foreach、map、filter、some、find
lszyzs的博客
07-03 802
一些es6的数组的底层实现 var arr = ['a', 'b', 'c', 'd', 'e', 10] Array.prototype.myForeach = function (fn) { // 如果不是函数 抛错 if (typeof fn != 'function') { throw new Error(`${fn} is no a function`) } // this表示当前被调用的数组 var self = this for (var i = 0;
手写实现数组的方法
qq_38917309的博客
08-03 238
手写实现数组的方法 文章目录手写实现数组的方法someeveryfiltermapreduce some 该方法用于检测数组中的元素是否满足指定条件 ，只要有一个满足就返回true,否则false.不会改变原数组。 let data=[1,2,3]; Array.prototype.mySome=function(fn){ // fn=item => {return item > 2} if(typeof fn!='function'){ throw new Type
手写实现数组方法之 map、reduce、filter、find、findInex、every 和 some
浮生离梦的博客
08-22 643
一、map 方法 map 方法，返回一个由回调函数的返回值组成的新数组。 map 的实现，代码如下所示： export function map(arr, callback) { // 声明一个空的数组 let result = []; // 遍历数组 for(let i=0;i<arr.length;i++) { // 执行回调 result.push(callback(arr[i], i)); } // 返回结果 return result; }
手写实现数组部分方法一
一个小菜鸡的学习记录
12-11 593
手写实现数组部分方法
用js手写数组去重的方法(包含六种方法)
weixin_43595755的博客
06-28 422
1.用underscore.js lodash.js 2.用 new Set() function unique(arr) { return Array.from(new Set(arr)); } let arr = [1, 2, 3, 3, 1, 3, 4, 2, 5]; console.log([...new Set(arr)]); console.log(unique(arr)); 3.用for或arr.forEach遍历数组 + indexOf()方法 function unique(arr
手写实现数组方法之去重、concat、slice 和 扁平化
浮生离梦的博客
08-22 1036
一、数组去重 数组的去重，有三种方法，如下所示： 利用 forEach() 和 indexOf()，本质上是双重遍历，效率差些 利用 forEach() + 对象容器，只需一重遍历，效率高些 利用 ES6 语法：from + Set 或者 ... + set，编码简洁 数组去重的实现，代码如下所示： function unique1 (arr) { // 声明一个空数组 const result = []; // 遍历原始数组 arr.forEach(item => {
前端面试题：手写bind函数及应用解析
在面试中，面试官可能会要求手写实现这些函数，以评估候选人的JavaScript基础和解决问题的能力。实现时要注意各种边界条件，如`null`或`undefined`作为`this`，以及可能的参数类型检查。 在准备面试时，理解并熟练...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值