数组的Array.from方法

最新推荐文章于 2024-08-14 20:37:21 发布
最新推荐文章于 2024-08-14 20:37:21 发布
阅读量539 收藏
点赞数
文章标签： Array.from 回调函数 this指向 JavaScript 伪数组
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49696014/article/details/121903310
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // Array.from()
        // 是有三个参数的，第一个是必填项,伪数组
        // 第二个是可选一个回调函数，会依次执行为数组中的每一项
        // 第三个是可选参数，执行回调函数 mapFn 时 this 对象。
        let obj = {
            0:1,
            1:2,
            2:3,
            length:3
        }
        // 注意如果Array.from中使用的是箭头函数的话，this指向会变为window
        const arr = Array.from(obj, function(item,index){
            console.log(item,index)
            console.log(this + 10)
            // this指向的是第三个参数
        },{})
    </script>
</body>
</html>
weixin_49696014
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Array.from()
zy_lalala的博客
11-18 227
Array.from
ES6之Array.from()方法
weixin_30553837的博客
02-11 2239
　　Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 　　那么什么是类数组对象呢？所谓类数组对象，最基本的要求就是具有length属性的对象。 　　1、将类数组对象转换为真正数组： let arrayLike = { 0: 'tom', 1: '65', 2: '男', 3: ['jane','john','...
javascript 中数组中的Array.from()的使用
jia_jia520的博客
05-23 664
一、Array的属性以及使用 1、Array.from() 用于将类数组转换为数组实例 ①、字符串拆分为数组 console.log(Array.from('matt')) ---['m','a','t','t']; ②、可以使用from()将集合和映射转换为新数组 const s = new Map().set(1,2).set(3,4); const a = new Set().add(1).add(2).add(3); console.log(Array.fr
Array.from()的使用方法(数组去重，伪数组转为数组，数组浅克隆)，Set和Map数据结构
热门推荐
yangaoyuan1999的博客
08-30 3万+
1.Array.from()介绍 ???? Array.from()方法从类似数组或可迭代对象创建一个新的(浅拷贝)的数组实例 Array.from(arrayLike,mapFn,thisArg) arrayLike：必选，想要转换成数组的伪数组对象或可迭代对象 mapFn：可选，如果指定了该参数，新数组中的每个元素会执行该函数 thisArg：可选，执行回调函数mapFn时this对象 可迭代的对象包括ES6新增的数据结构Set和Map Array.from可以通过以下方式来创建数组对象 1. 伪
数组Array.from的五种不同方法
tkf6102的博客
09-03 1027
JavaScript 中有一个这样的函数: Array.from：允许在 JavaScript 集合(如: 数组、类数组对象、或者是字符串、map 、set 等可迭代对象) 上进行有用的转换。 介绍 在开始之前，我们先回想一下 Array.from() 的作用。语法: Array.from(arrayLike[, mapFunction[, thisArg]]) arrayLike：必传参数，...
JavaScript数组方法Array.from()的用法
tainulllw的博客
02-23 890
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象目前这些就是个人常使用的，简单总结一下。
浅理解 ES6 新增的数组方法Array.of() 和 Array.from()
黛琳ghz的博客，期待你的关注。
04-22 1077
在前端开发的面试过程中， ES6 新增是一个很常见的考点，比如说箭头函数、模板字符串、let 和 const 关键字、解构赋值、扩展运算符（…）、类、模块化、生成器、Promise、Map 和 Set 等特性。这篇文章我们一起来浅浅学习和理解下 ES6 新增的数组方法 Array.of() 和 Array.from() ，如二者的区别和用法。
JS Array.from()将伪数组转换成数组的方法示例
11-21
Array.from 方法用于将两类对象转换为真正的数组： 1、类似数组的对象，可以理解为“伪数组” 2、可遍历对象（比如字符串） 什么是伪数组？ 伪数组都有一个基本的特点：必须有 length 属性。 let arrayLike = { ...
ES6入门教程之Array.from()方法
10-17
在ES6中，`Array.from()`是一个非常实用的方法，它允许我们将各种类型的数据结构转换为真正的数组。这个方法的引入极大地增强了JavaScript处理非标准数组对象的能力，如类数组对象、Set、Map等。接下来，我们将深入...
实例分析Array.from(arr)与[…arr]到底有何不同
01-19
由图我们可以看出有一个[Symbol.iterator]属性指向该对象的默认迭代器方法。那么它又是如何实现的呢？ 迭代器(iterator) 作用(参考阮一峰老师的ES6) 1.为各种数据结构提供一个统一的，简单的访问接口 2.使数据结构...
es6数组之Array.from()
qq_29055201的博客
01-15 783
Array.from方法用于将两类对象转为真正的数组：类似数组的对象(array-like-object)和可遍历(iterable)的对象(包括ES6新增的数据结构Set和Map)。 下面是一个类似的对象，Array.from将它转为真正的数组。 let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3 } // es5的写法 ...
Array.from()方法详解
qq_22972401的博客
06-24 4390
Array.from()方法详解 作用：将一个类数组对象或者可遍历对象转换成一个真正的数组 类数组对象：最基本的要求就是具体length属性的对象； 将类数组转换为真正的数组 let array = { 0:“aaa”, 1:“12”, 2:[“bbb”,“ccc”,“ddd”], “length”:3 } let arr = Array.from(array); 输出结果：[“aaa”,“12”,[“bbb”,“ccc”,“ddd”]]; 如果没有length属性，输出结果为什么？ let arr
vue3使用pnpm运行项目但是运行不起来
一个努力不被优化的程序员
08-12 196
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
提升前端性能的JavaScript技巧
han2434的博客
08-14 771
一个快速响应、高效运行的Web页面不仅能提升用户体验，还能在一定程度上影响网站的SEO排名。本文汇总了一系列JavaScript技巧，以帮助开发者提升前端性能，并提供实际的代码示例。
Electron学习与总结
song854601134的博客
08-12 218
组成，‌其中Chromium负责渲染和显示Web页面，‌而Node.js则提供了主进程的功能，‌包括管理应用程序的生命周期、‌创建和控制浏览器窗口以及与操作系统交互。，‌Electron使得开发者能够保持JavaScript代码库的一致性，‌从而轻松地创建跨平台的应用程序，‌而无需具备本地开发经验。Electron的核心是由。
display:flex布局，最简单的案例
有问题可关注公众号：前端研究院 后台输入问题回复
08-12 214
【代码】display:flex布局，最简单的案例。
vue 3d echarts scatter3D元素塌陷，图标塌陷进地图完美解决方案
creatlh的博客
08-12 202
当我们手机用 scatter3D 类型时，最小值因为渲染问题会塌陷进模型里面，所以只要让value固定，再将label formatter 配合 boxHeight属性即可解决，（代码附带自定义label图标解决办法）
Vue2 axios
最新发布
qq_53374893的博客
08-14 120
说明一下， 当前服务器 有资源 就不会走代理服务器了，直接返回当前资源 而且只能代理一个服务器.
playwright链接本地浏览器，实现自动登录。
qq_38880880的博客
08-12 162
【代码】playwright链接本地浏览器，实现自动登录。
ES6数组方法Array.from Array.of的区别
07-27
ES6中的`Array.from`和`Array.of`都是用于处理数组的方法，但它们有不同的功能和用途。 `Array.from`方法用于将类似数组或可迭代对象转换为新的数组实例。它接受两个参数：第一个参数是要转换的类似数组或可迭代对象，第二个参数是一个可选的映射函数，用于对每个元素进行处理。它返回一个新的数组，其中包含传入参数的所有元素。例如： ```javascript const str = 'hello'; const arr = Array.from(str); console.log(arr); // ['h', 'e', 'l', 'l', 'o'] ``` `Array.of`方法用于创建一个包含任意数量参数的新数组实例。它接受任意数量的参数，并将它们作为数组的元素。与`Array`构造函数不同，`Array.of`不会根据参数的数量来确定数组的长度。例如： ```javascript const arr1 = Array.of(1, 2, 3); console.log(arr1); // [1, 2, 3] const arr2 = Array.of(3); console.log(arr2); // [3]，而不是长度为3的空数组 ``` 总结来说，`Array.from`用于将类似数组或可迭代对象转换为数组，而`Array.of`用于创建包含任意数量参数的新数组实例。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值