用Array.from實現創建一個1-100的數組

一、代碼實現

 let arr = Array.from({length: 100}, (_, i) => i + 1);

二、代碼分析

1、Array.from(arrayLike, mapFn)

(1)arrayLike

?類數組對象(如 { length: 100 })本身沒有索引屬性(如 0: undefined, 1: undefined...),但 Array.from()`會把它轉換成 [undefined, undefined, ..., undefined](共 100 項)

(2)mapFn(可選)

(_, i) => i + 1:
? ? ? ?_:當前元素的值(這里是 undefined,用 `_` 表示忽略)
? ? ? ? i:當前索引(從 0 開始)
? i + 1:將索引 i轉換為 1到 100的數字

三、為什么不用 new Array(100).fill(0).map((_, i) => i + 1)

雖然這種方式也能實現相同效果,但:
1. Array.from()`更簡潔,直接一步完成創建和映射。
2. new Array(100).fill(0)`會先創建一個填充 0的數組,多了一步操作。

四、其他應用場景

1、生成字母序列:

 ?Array.from({ length: 26 }, (_, i) => String.fromCharCode(65 + i));// 輸出: ['A', 'B', 'C', ..., 'Z']

2、生成斐波那契數列:

 ?Array.from({ length: 10 }, (_, i) => (i <= 1 ? 1 : fib[i - 1] + fib[i - 2]}));

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/82988.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/82988.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/82988.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

javaScript簡單版

簡介 JavaScript&#xff08;簡稱:JS)是一門跨平臺、面向對象的腳本語言&#xff0c;是用來控制網頁行為&#xff0c;實現頁面的交互效果。 JavaScript和Java是完全不同的語言&#xff0c;不論是概念還是設計。但是基礎語法類似。 組成: ECMAScript:規定了JS基礎語法核心知…

Python刷題練習

文章目錄 1.尋找相同字串2.密鑰格式化3.五鍵鍵盤的輸出4.單詞重量5.輸出指定字母在字符串的中的索引6.污染水域7.九宮格按鍵輸入8.任務最優調度9.高效的任務規劃 1.尋找相同字串 題目描述: 給你兩個字符串t和p&#xff0c;要求從t中找到一個和p相同的連續子串&#xff0c;并輸…

MATLAB實現振幅調制(AM調制信號)

AM調制是通信專業非常重要的一個知識點。今天我們使用MATLAB編程實現AM調制。 我們實現輸入一個載波信號的頻率與調制信號的頻率后&#xff0c;再輸入調幅度&#xff0c;得到已調信號的波形與包絡信號的波形&#xff0c;再使用FFT算法分析出已調信號的頻譜圖。 源代碼&#x…

JJJ:linux ida

文章目錄 1.總結2.各類函數2.1 分配一個倉庫2.2 銷毀倉庫2.3 從倉庫里面分配一個整數id2.4 將上面分配的整數id從倉庫里面刪除2.5 在指定范圍內分配一個id 1.總結 ida使用起來很簡單&#xff0c;就是先分配一個倉庫一樣的實例&#xff0c;再從這個倉庫里面分配一個獨一無二的整…

FastByteArrayOutputStream和ByteArrayInputStream有什么區別

FastByteArrayOutputStream 和 ByteArrayInputStream 是兩種完全不同的 Java I/O 類&#xff0c;它們的主要區別體現在 設計目的 和 使用場景 上。以下是詳細對比&#xff1a; 1. 核心區別總結 特性FastByteArrayOutputStream (Spring框架)ByteArrayInputStream (JDK原生)所屬…

docker-compose——安裝redis

文章目錄 一、編寫docker-compose.yaml文件二、編寫redis.conf文件三、啟動docker-compose 一、編寫docker-compose.yaml文件 version: 3.3 services:redis:image: redis:latestcontainer_name: redisrestart: alwaysports:- 6379:6379volumes:- ./redis/data:/data- ./redis/…

東芝推出新的SCiB模塊,散熱性能加倍,適用于電動公交車、電動船舶和固定應用

東京—東芝公司推出了一種新的SCiB模塊&#xff0c;這是一種專為電動汽車、電動船舶和固定應用而設計的鋰離子電池。新產品采用鋁制底板&#xff0c;散熱量約為當前模塊的兩倍。它將于2025年4月中旬在日本和全球上市。 鋰離子電池的使用越來越多&#xff0c;而且越來越多樣化&a…

【進程控制二】進程替換和bash解釋器

【進程控制二】進程替換 1.exec系列接口2.execl系列2.1execl接口2.2execlp接口2.3execle 3.execv系列3.1execv3.2總結 4.實現一個bash解釋器4.1內建命令 通過fork創建的子進程&#xff0c;會繼承父進程的代碼和數據&#xff0c;因此本質上還是在執行父進程的代碼 進程替換可以將…

Java基礎語法之數組

數組 一、認識數組 1.什么是數組 數組就是一個容器&#xff0c;用來存一批同種類型的數據。 舉例 20, 10, 80, 60, 90 int[] arr {20, 10, 80, 60, 90};張三, 李四, 王五 String[] names {"張三", "李四", "王五"};2.為什么要使用數組 假設…

Java死鎖排查:線上救火實戰指南

想象一下&#xff0c;你正在值班&#xff0c;突然監控告警紅成一片&#xff0c;用戶反饋雪花般飄來&#xff1a;“系統卡死了&#xff01;用不了了&#xff01;” —— 這很可能就是Java應用遭遇了“死鎖”這個大魔王。這時候&#xff0c;你就是救火隊長&#xff0c;首要任務不…

006-nlohmann/json 結構轉換-C++開源庫108杰

絕大多數情況下&#xff0c;程序和外部交換的數據&#xff0c;都是結構化的數據。 1. 手工實現——必須掌握的基本功 在的業務類型的同一名字空間下&#xff0c;實現 from_json 和 to_json 兩個自由函數&#xff08;必要時&#xff0c;也可定義為類型的友元函數&#xff09;&a…

白盒測試——基本路徑測試法

一、實驗名稱 白盒測試——基本路徑測試法 二、實驗目的 白盒測試是結構測試&#xff0c;是依據被測程序的內部邏輯結構設計測試用例&#xff0c;驅動被測程序運行完成的測試&#xff0c;通過本實驗希望&#xff1a; 1、掌握基本路徑測試法的基本概念&#xff0c;用具體的例子…

【嵌入模型與向量數據庫】

目錄 一、什么是向量&#xff1f; 二、為什么需要向量數據庫&#xff1f; 三、向量數據庫的特點 四、常見的向量數據庫產品 FAISS 支持的索引類型 vs 相似度 五、常見向量相似度方法對比 六、應該用哪種 七、向量數據庫的核心邏輯 &#x1f50d; 示例任務&#xff1a;…

matlab中和三角函數相關的內容

和三角相關的函數 以下內容為Ai輸出 函數描述示例sin(x)正弦函數&#xff0c;返回x的正弦值&#xff0c;x單位為弧度sin(pi/2)cos(x)余弦函數&#xff0c;返回x的余弦值&#xff0c;x單位為弧度cos(pi)tan(x)正切函數&#xff0c;返回x的正切值&#xff0c;x單位為弧度tan(pi…

scratch基礎-外觀模塊

一、本次任務 二、內容詳解 1、模塊介紹 1、說[你好] (2)秒&#xff1a;臨時對話框&#xff0c;短暫對話 2、說[你好]&#xff1a;持續顯示對話框&#xff0c;長文本顯示 3、思考[嗯…] (2)秒&#xff1a;臨時顯示思考氣泡&#xff0c;用于角色思考 4、思考[嗯…] &#xff1a…

TAOCMS漏洞代碼學習及分析

路由規則 分為前臺和后臺&#xff0c; 前臺在api.php中 <?php session_start(); include(config.php); include(SYS_ROOT.INC.common.php); $ctrl$_REQUEST[ctrl]; $action$_REQUEST[action]; $mucfirst($action); if(!in_array($m,array(Api,Comment)))d…

Spring @Scheduled注解詳解

文章目錄 1.Scheduled注解定義2.配置 Scheduled2.1 開啟定時任務支持2.2 創建定時任務 3. 常用屬性3.1 fixedRate3.2 fixedDelay3.3 cron 4.工作原理4.1 基于TaskScheduler4.2 使用 ThreadPoolTaskScheduler4.3 定時任務的執行流程 5. 延時執行的定時任務5.1 創建定時任務類5.2…

理解計算機系統_并發編程(5)_基于線程的并發(二):線程api和基于線程的并發服務器

前言 以<深入理解計算機系統>(以下稱“本書”)內容為基礎&#xff0c;對程序的整個過程進行梳理。本書內容對整個計算機系統做了系統性導引,每部分內容都是單獨的一門課.學習深度根據自己需要來定 引入 接續上一篇理解計算機系統_并發編程(4)_基于線程的并發(一…

使用PhpStudy搭建Web測試服務器

一、安裝PhpStudy 從以下目錄下載PhpStudy安裝文件 Windows版phpstudy下載 - 小皮面板(phpstudy) (xp.cn) 安裝成功之后打開如下界面 點擊啟動Apache 查看網站地址 在瀏覽器中輸入localhost:88,出現如下頁面就ok了 二、與Unity交互 1.配置下載文件路徑&#xff0c;點擊…

cocos creator 3.8 下的 2D 改動

在B站找到的系統性cocos視頻教程,純2D開發入門,鏈接如下: zzehz黑馬程序員6天實戰游戲開發微信小程序&#xff08;Cocos2d的升級版 CocosCreator JavaScript&#xff09;_嗶哩嗶哩_bilibili黑馬程序員6天實戰游戲開發微信小程序&#xff08;Cocos2d的升級版 CocosCreator Ja…