利用array的prototype属性自己写一些原生的JS方法

最新推荐文章于 2021-04-23 09:29:32 发布
最新推荐文章于 2021-04-23 09:29:32 发布
阅读量230 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38330185/article/details/88167369
版权 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p id="demo">点击按钮将数组作为字符串输出。</p>
<button onclick="myFunction()">点我</button>
<script>
	var str="";
	Array.prototype.myjoin=function(sss){
		if(!sss){
		sss=","
		}
		for(var i=0;i<this.length-1;i++){
		str+=this[i]+sss;
		}
		return str+this[this.length-1];
	}
function myFunction(){
	var fruits = ["Banana", "Orange", "Apple", "Mango"];
	var x=document.getElementById("demo");
	x.innerHTML=fruits.myjoin(" and ");
}
</script>

</body>
</html>

记录下自己的学习过程

家里有个兔崽子
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
为原生js Array增加each方法
01-21
代码如下: Array.prototype.each = function(fn) { return this.length ? [fn(this.slice(0,1))].concat(this.slice(1).each(fn)) : []; }; [1,2,3,4].each(function(x){ [removed](x + “ ”); });
JS Array的属性和常用方法
qq_36208612的博客
08-10 273
数组的对象属性。(1) constructor: 返回对创建此对象的数组函数的引用。(2) length: 设置或返回数组中元素的数目。比较常用来对比数组的长度。(3) prototype: 用来向对象添加属性和方法。一般用于重写Array。数组的常用方法：(1) concat，连接两个或更多的数组，并返回结果。一般用来拼接多个数组，拼接之后的数组元素的排序是根据拼接的数组顺序及其内部元素的顺序排
取数组中最大值和最小值
weixin_30379911的博客
05-23 311
取数组中最大值 可以先把思路理一下： 将数组中第一个元素赋值给一个变量，并且把这个变量作为最大值； 开始遍历数组，从第二个元素开始依次和第一个元素进行比较 如果当前的元素大于当前的最大值，就把当前的元素值赋值给最大值 移动到下一个元素，继续按前面一步操作 当数组元素遍历结束时，这个变量存储的就是最大值 代码如下: 1 Array.prototype.max = fun...
使用prototype自定义数组方法
小皮咖的博客
09-28 557
题目如何实现下列代码： [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5]解决方法使用array的prototype属性,自定义duplicator()方法，js代码如下：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>
数组Array进行原型prototype扩展后带来的for in遍历问题
Kinshan的博客
03-29 720
不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。 通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点是：用for in遍历
js中数组原型Array、自定义原型函数Array.prototype
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
09-12 5010
全栈工程师开发手册 （作者：栾鹏） js系列教程1-数组操作全解js中数组原型、自定义原型函数每个数组都包含length、prototype、constructor属性。 通过在prototype原型中自定义数组原型函数，实现为所有数组添加功能。 这里以添加一个查询最大值函数为例： 代码如下：function array_max( ) { return Math.max.apply(M
原生JS取代一些JQuery方法的简单实现
01-21
1.选取元素 // jQuery var els = $('.el'); // Native var els = document.querySelectorAll('.el');...myList = Array.prototype.slice.call(myNodeList) 2.创建元素 // jQuery var newEl = $('<div>
JS判定是否原生方法
12-09
浏览器的趋势是加入越来越多对象，像Worker，同时也为旧有的对象... 我一直用的版本，自己写的： 代码如下:var isNative = function(method){//判定是否为原生方法 return !! method && (/{s*[native code]s*}/.tes
Prototype Array对象 学习
10-29
个对象扩展了JS原生的Array对象，提供了一些基本的工具函数，有些方法非常简单，源码里就不在注释了。
Array类型 | 六种算法求数组的最大值和最小值
是希望的博客
11-20 2871
《JavaScript重难点实例精讲》之求数组的最大值和最小值（6种解法）
Js利用prototype自定义数组方法示例
11-29
前言 在开始之前，先给大家介绍下js中使用使用原型（prototype）定义方法的好处 经常在前端面试或是和其他同行沟通是，在谈到构造在JS定义构造函数的方法是最好使用原型的方式：将方法定义到构造方法的prototype上，这样的好处是，通过该构造函数生成的实例所拥有的方法都是指向一个函数的索引，这样可以节省内存。 而本文主要给大家介绍了关于Js利用prototype自定义数组方法的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。 题目 如何实现下列代码： [1,2,3,4,5].duplicator(); // [1,2,3,4,5,1,2,3,4,5] 解决
Array属性和prototype属性一览表
weixin_40882674的博客
07-29 483
Array的属性总览 length：输出1 name：输出Array prototype：原型对象 isArray：判断 from：查了文档，可以传入三个参数，类数组(迭代函数)，每个元素会执行的回调函数，回调函数执行的this对象 ， 该方法不太懂。https://blog.csdn.net/qq_27970999/article/details/78752110 of： ...
Js面试题（一）
热门推荐
莉莉的博客
09-11 4万+
1. javascript的typeof返回哪些数据类型. string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 强制（parseInt,parseFloat,number） 隐式（== ===） 3. split() join() 的区别 前者是将字符串切割成数组的形式，后者是将数组转换成字符串 4. 数组...
Array在原型prototype上定义方法及如何使用
wuChiSha的博客
11-11 1062
一、如何定义 项目中，需要使用到Array的flat方法，结果有兼容问题，于是重写 if (!Array.prototype.flat) { Array.prototype.flat = function(count) { console.log('flat-----------'); let c = count || 1; let len = this.length; let exe = []; if (this.length ...
Array.prototype原生数组的方法总结（一）
keji_123的博客
01-02 1219
Array.of()创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。 Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个包含 7 个 undefined 元素的数组。Array.of(7); // [7] Array.of(1, 2, 3); // [1,
对数组Array进行原型prototype扩展后带来的for in遍历问题
鹏javatar的专栏
09-10 1513
不同的程序语言都有多种循环语句，而且功能是差不多的，当然使用场合还是有些区别的，比如for与for in，for in比较好用，它不需要预先知道对象属性的长度。 通常在JavaScript中用for与for in遍历数组结果是没有什么区别的，它的循环变量i都是从0开始的数组索引（for in如果遍历的是非数组对象的属性集合，则这个i就是属性名，或称之为key）。另外要注意一点
用 prototype 定义自己的方法
five_s的博客
04-23 283
用 prototype 定义自己的方法 本文是本人通过个人理解所写成的，没有参照任何资料，如有雷同，纯属巧合，同时，如果您要引用本文文字，请注明 — 作者：windy_sk；Email:[email protected]，谢谢！ 本文进通过实例，讲述通过 prototype 自定义方法的过程，旨在抛砖引玉，如果不对的地方，欢迎指正！ prototype 是在 IE 4 及其以后版本引入的一个针对于某一类的对象的方法，而且特殊的地方便在于：它是一个给类的对象添加方法的方法！这一点可能听起来会有点乱，别急，下面我便
自己动手实现一个Array.prototype.reduce?
SCUhzs
09-12 498
文章目录定义和用法语法自己实现一个队列实现递归实现遍历数组实现参考资料 定义和用法 reduce是数组内置的一个方法，原型链上位于Array.prototype.reduce() reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。 reduce() 可以作为一个高阶函数，用于函数的 compose。 注意: reduce() 对于空数组是不会执行回调函数的。 reduce对数组累积执行回调函数，返回最终计算结果 语法 array.reduce(f
我想要用原生js写出的reduce方法
最新发布
02-21
答：reduce 方法可以使用 JavaScript 中的 Array.prototype.reduce() 方法实现，它接收一个函数作为参数，该函数接收四个参数：accumulator（累加器），currentValue（当前值）、currentIndex（当前索引）和 array...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值