JavaScript数组、原型、原型链

最新推荐文章于 2023-12-28 13:39:31 发布
最新推荐文章于 2023-12-28 13:39:31 发布
阅读量678 收藏
点赞数
文章标签： js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45018844/article/details/112466906
版权

判断数组

在js中如何判断，我写的是不是数组呢
首先打开一个网页F12，输入这个判断数组的，换行就可以判断了，
true就是数组，当然还有其他的办法，我只是列出来了一个。

var arr = []
arr instanceof Array

在这里插入图片描述

简单的使两个数组合并

打开自己的浏览器F12，打开控制台，定义两个数组，arr和arr2，第三个数组为合并的数组，可以直接使用…来将两个数组合并，如图所示就会非常的容易，我这里是手动输入了第一个数组中的值，如果第一个数组中的值非常多，我们可以看第二个图
在这里插入图片描述这是直接将第一个数组的所有值合并到第三个数组中在这里插入图片描述

原型

每个函数都有一个prototype属性，这个属性指向函数的原型对象。
prototype原型对象里的constructor指向构造函数本身
每个对象(除null外)都会有的属性，叫做__proto__，这个属性会指向该对象的原型。

原型链

查找valueOf大致流程

当前实例对象obj，查找obj的属性或方法，找到后返回
没有找到，通过obj. proto，找到obj构造函数的prototype并且查找上面的属性和方法，找到后返回
没有找到，把Array.prototype当做obj，重复以上步骤

当然不会一直找下去，原型链是有终点的，最后查找到Object.prototype时
Object.prototype.proto === null，意味着查找结束

在这里插入图片描述
这就是原型链，层层向上查找，形成的链式结构，最后如果还没有就返回undefined

小莉爱编程
关注
Array原型方法整理(三)
yf_forever的博客
12-23 660
数组原型方法的分类：   一、会改变调用它们的对象自身的值   二、不会改变调用它们的对象自身的值   三、遍历方法 三、12个遍历方法 forEach(callback,thisObj)   作用：指定数组的每项元素都执行一次传入的函数，返回值为undefined。   参数：callback ->为数组中每个元素执行的函数，该函数接收三个参数：                ...
javascript原型和原型链
01-08
2、所有的引用类型（数组、对象、函数）都有一个__proto__属性(隐式原型属性），属性值是一个普通的对象 console.log(array.__proto__); console.log(object.__proto__) console.log(func.__proto__) 3、所有的函数...
JS原型链简单图解
weixin_33671935的博客
08-30 362
JS中原型链，说简单也简单。 首先明确： 函数（Function）才有prototype属性，对象（除Object）拥有__proto__。 首先，我画了一张图。 所谓原型链，指的就是图中的proto这一条指针链！ 原型链的顶层就是Object.prototype，而这个对象的是没有原型对象的。 可在chrome的控制台里面输入： Object.__proto__ ...
js 数组map 原型链
Belle_Chou的博客
09-04 743
var、let、const 区别？ https://www.jianshu.com/p/4e9cd99ecbf5 创建对象 原型 https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014344997235247b53be560ab041a7b10360a567422a780...
JS：原型链、原型链的查找、原型链的遮蔽效应、原型链的终点、关于数组的原型链
liuxudanhahaha的博客
01-02 1572
JS：原型链、原型链的查找、原型链的遮蔽效应、原型链的终点、关于数组的原型链 一、原型链 1、原型链： 每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上，这个就是我们说的原型链了。 2 prototype和constructor prototype属性，它是函数所独有的，它是从一个函数指向一个对象。
数组方法的总结 原型链中
weixin_46308182的博客
08-17 922
数组方法的总结 原型链中 1、添加或者移除元素 Array.prototype.push() [改变原数组] 作用：入栈，将元素添加到数组的最后 参数： 入栈的元素 返回值：入栈后数组的长度 Array.prototype.pop() [改变原数组] 作用：出栈，将数组末尾元素从数组中拿出 参数： none 返回值：出栈元素 Array.prototype.shift() [改变原数组] 作用：出队，将数组第一个元素从数组中拿出 参数： none 返回值：出队元素 Array.p
分析JavaScript数组操作难点
11-27
以下内容是学习JavaScript数组的时候总结的经验以及需要注意的点。 不要用 for_in 遍历数组 这是 JavaScript 初学者常见的误区。for_in 用于遍历对象中包括原型链上的所有可枚举的（enumerable）的 key，本来不是为...
JavaScript数组全解密
01-27
在实际开发中，我们还需要注意一些陷阱和最佳实践，比如避免使用`for...in`循环遍历数组，因为它会遍历数组的所有可枚举属性，包括原型链上的属性；使用`forEach`、`map`等方法更安全。此外，`Array.prototype.slice...
Javascript数组Array基础介绍
10-22
本文主要介绍了Array的基本知识，让我们深入了解一下JavaScript数组的特性。 首先，JavaScript数组是一种特殊的对象，具备对象的所有特性，但专用于存储一组有序的数据。数组的元素可以是任何数据类型，包括数字、...
JavaScript数组详解
08-16
JavaScript数组详解知识点: 1. 数组概念: 在JavaScript中，数组是一种数据结构，用于在单个变量名下存储一系列的值。数组可以包含各种类型的数据，包括数字、字符串、对象等。数组中的每个元素都有一个数字下标（或...
原型链的理解
joy_zhuo_的博客
05-12 307
原型链的理解
内置类Array原型链图
Mint周的文章
07-10 411
举例子：arr.push(100) arr实例基于原型链，查找到Array.prototype上的push方法=>arr.push,再把找到的push方法执行 =>arr.push() push中的this:arr push的作用是给this未尾追加新值 借用数组原型上的slice方法实现把字符串（或者类散组）转换为数组原理： 让slice中的ths变为操作的字符串，这样就相当于在循环遍历字符串，把字符串中的每一项赋值给新的数组…… 模拟内置的slice Array.prot.
javascript,数组原型图
chujunwan6914的博客
10-11 232
几点总结: //1.几乎所有函数都有prototype属性,这个是个指针,指向原型对象;Function.prototype这个没有 //2.所有对象中都有__proto__属性.(Object.prototype该属性的值为null) //几乎所有函数都有 prototype...
简述原型与原型链
weixin_34392435的博客
07-15 461
构造函数的缺点 JavaScript 通过构造函数生成新对象，因此构造函数可以视为对象的模板。实例对象的属性和方法，可以定义在构造函数内部。 function Cat (name, color) { this.name = name; this.color = color; } var cat1 = new Cat('大毛', '白色'); cat1.name // '大毛' cat1...
JavaScript的原型链、数组的相关方法
gyutdcu的博客
08-14 155
每一个对象都有一个原型属性（prototype），指向另一个对象，另一个对象也有原型属性指向更高一级的对象，直到最后一个，指向Object，值为null，这是因为Object是所有对象的父类，所以原型链终点为Object.prototype。原数组改变，但长度不会改变 第一个参数为要粘贴到的目标位置索引，第二个为复制的起始位置，第三个为复制的结束位置，后两个可不写，默认为0和最后一个,只粘贴一遍，后续差的元素是本来这个下标位置的元素。不同的是push在数组的末尾添加，unshift在数组的开头添加。
js原型与原型链详解（万文总结，一文搞懂原型链!）
最新发布
Yi_qian的博客
12-28 8922
JavaScript中的原型和原型链：1，每个对象均存在隐式原型(__proto__)，函数对象才有prototype属性2，__proto__存在的意义在于为原型链查找提供方向，原型链查找靠的是__proto__，而不是prototype3，函数对象的__proto__都指向Function.prototype4，每个对象都有一个隐式原型属性(__proto__)，多个原型通过__proto__链接在一起形成的链式结构就是原型链😃。
详解js原型链
brokenkay的博客
11-17 1442
面试题 Object.prototype.test1 = function () { console.log('test1'); }; Function.prototype.test2 = function () { console.log('test2'); }; function Fun() { this.a = 1; } var obj = new Fun(); console.log(obj.test
Js的Array对象的几个原型方法
liuzx32的专栏
07-18 567
代码 Array.prototype.inArray = function(value) { for (var i = 0; i < this.length; i++) { if (this[i] === value) { return true; } } return false; }; Array.pr
控制台里从数组看到原型
Myh_s的博客
02-19 1115
只因控制台输出了一个数组，结果陷入了原型之中
JavaScript数组原型链扩展：自定义contains和delete方法
JavaScript 自定义方法扩展 在 JavaScript 中，我们可以通过扩展 Array.prototype 对象来添加自定义方法。今天，我们将学习如何自定义一个 contains 方法来判断数组中是否存在某个元素。 **Title:** 自定义的 js ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小莉爱编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值