当前位置: 首页 > news >正文

Array.from(new Set)去重 与Array.map()

类数组转为数组
1、Array from
2、 Array.prototype.slice.call(arguments);

Array.from()在转化对象时,要求过于苛刻,因此不适用于转化对象,主要场景如下:

(1)从类数组对象(arguments)生成数组
let fn = function(){
console.log(Array.from(arguments));
}
fn(1,2,3) // [1,2,3]

(2)从 String 生成数组
Array.from(‘112’); // [“1”,“1”,“2”]

(3)从Set生成数组
Array.from(new Set([“1”,“1”,“2”,“2”])); // [“1”,“2”]

(4)从Map生成数组
Array.from(new Map([[1, ‘a’], [2, ‘b’]])); // [[1, ‘a’], [2, ‘b’]]

(5)生成一个从0开始到指定数字的定长连续数组
Array.from({length: 10}, (v, i) => i); // [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

array.map(function(currentValue,index,arr), thisValue)
function(currentValue,index,arr) 必须。函数,数组中的每个元素都会执行这个函数
thisValue 可选。对象作为该执行回调时使用,传递给函数,用作 “this” 的值。
如果省略了 thisValue,或者传入 null、undefined,那么回调函数的 this 为全局对象。

定义和用法
map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。
map() 方法按照原始数组元素顺序依次处理元素。
注意: map() 不会对空数组进行检测。
注意: map() 不会改变原始数组。

var numbers = [65, 44, 12, 4];
function multiplyArrayElement(num) {
return num * 2;
}
function myFunction() {
document.getElementById(“demo”).innerHTML = numbers.map(multiplyArrayElement);
}
myFunction()

返回一个数组,数组中元素为原始数组的平方根:

var numbers = [9, 16, 25,36];

function myFunction() {
x = document.getElementById(“demo”)
x.innerHTML = numbers.map(Math.sqrt);
}
myFunction();

相关文章:

  • Go 学习笔记(89) — 接口类型变量的等值比较操作(nil 接口变量、空接口类型变量、非空接口类型变量)
  • dubbo源码解析之服务调用(通信)流程
  • Linux网络技术学习(四)—— 用户空间与内核的接口
  • Django--ORM 多表查询
  • pytest 运行方式、常用参数、前后置条件
  • MySQL-1-SQL讲解
  • 数据结构与算法之美读书笔记15
  • msf辅助模块详细操作
  • 【移动端网页特效】02-移动端轮播图(原生JS)
  • 神经网络(十二)卷积神经网络DLC
  • vue3.x 组件间传参
  • Tomcat域名访问文件出现访问不到的问题
  • BATJ 互联网公司面试必问知识点:Spring 全家桶全解,java 分布式框架技术方案
  • RabbitMQ(一)消息队列
  • Pycharm打开时一直加载中?解决办法来了~
  • 2018天猫双11|这就是阿里云!不止有新技术,更有温暖的社会力量
  • php面试题 汇集2
  • Redis中的lru算法实现
  • SQLServer插入数据
  • vue.js框架原理浅析
  • 大快搜索数据爬虫技术实例安装教学篇
  • 第2章 网络文档
  • 构建二叉树进行数值数组的去重及优化
  • 简单基于spring的redis配置(单机和集群模式)
  • 你真的知道 == 和 equals 的区别吗?
  • 前端相关框架总和
  • 如何用Ubuntu和Xen来设置Kubernetes?
  • RDS-Mysql 物理备份恢复到本地数据库上
  • Spring Batch JSON 支持
  • 昨天1024程序员节,我故意写了个死循环~
  • #stm32整理(一)flash读写
  • (10)ATF MMU转换表
  • (2009.11版)《网络管理员考试 考前冲刺预测卷及考点解析》复习重点
  • (3)Dubbo启动时qos-server can not bind localhost22222错误解决
  • (33)STM32——485实验笔记
  • (二十五)admin-boot项目之集成消息队列Rabbitmq
  • (提供数据集下载)基于大语言模型LangChain与ChatGLM3-6B本地知识库调优:数据集优化、参数调整、Prompt提示词优化实战
  • (学习日记)2024.01.09
  • (一)UDP基本编程步骤
  • (转)总结使用Unity 3D优化游戏运行性能的经验
  • (转载)跟我一起学习VIM - The Life Changing Editor
  • ***通过什么方式***网吧
  • .bat批处理(二):%0 %1——给批处理脚本传递参数
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .NET Core日志内容详解,详解不同日志级别的区别和有关日志记录的实用工具和第三方库详解与示例
  • .Net 高效开发之不可错过的实用工具
  • .Net 路由处理厉害了
  • .NET/C# 判断某个类是否是泛型类型或泛型接口的子类型
  • .net的socket示例
  • .net下简单快捷的数值高低位切换
  • ::before和::after 常见的用法
  • @Bean, @Component, @Configuration简析
  • @synthesize和@dynamic分别有什么作用?
  • [acwing周赛复盘] 第 94 场周赛20230311
  • [AIGC] 使用Curl进行网络请求的常见用法