iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >如何使用JavaScript快速创建一个1到100的数组
  • 750
分享到

如何使用JavaScript快速创建一个1到100的数组

2024-04-02 19:04:59 750人浏览 泡泡鱼
摘要

目录代码示例:前提知识:Array.from()数组实例方法keys()补充:js中实现随机获取1-100的不重复的数组总结 代码示例: let arr = [] // p

代码示例:

let arr = []
// push方法
for(let i = 1,len=100;i<=100;i++){arr.push(i)}
//  or
//循环赋值
for(let i = 1,len=100;i<=100;i++){arr[i-1]=i}
// Array.from()方法 后面会有一点点的优化
Array.from({length:101}, (v,k) => k)// or Array.from(Array(101), (v,k) =>k);
Array.from(Array(101).keys())
arr.splice(0,1)

// 使用递归实现
// 当前值
// 最大长度
let arr = []
function setArray(current,maxLength,arr){
  if(arr.length<maxLength){
    arr[current-1] = current
    setArray(++current,maxLength,arr)
  }else{
      arr.filter(i=>i)// 去除假值 empty
  }
}
setArray(1,100,arr)
// 暂且不知道有没有性能问题

// 在网上看到一些方法,也蛮好玩的,但是不知道来源

// 1
let arr = Array(100).toString().split(',').map((item,index)=>index)// 0-> 99

// 2
let i = 0;
let timer = setInterval(function(){
  arr[i] = i++;
  if(i>=100){
    clearInterval(timer);
    console.log(arr);
  }
},1); // 0-> 99

// 3
Object.keys(Array.apply(null, {length:100})).map(item=>+item);// 0-> 99

// 4
[...Array(100).keys()]// 0-> 99
[...Array.from({length:100}).keys()]// 0-> 99

// mdn 看见的 序列生成器(指定范围)
const range = (start, stop, step) => Array.from({ length: (stop - start) / step + 1}, (_, i) =>  + (i * step));

range(1,100,1)// 1-> 100

//优化我上面写的
Array.from({length:100},(_, i)=>1+(i)) // 1-> 100

我觉得看起来最舒服的是: Array.from({length:100},(_, i)=>1+(i))

前提知识:

Array.from()

Array.from(arrayLike[, mapFn[, thisArg]])

arrayLike

想要转换成数组的伪数组对象或可迭代对象。

mapFn 可选

如果指定了该参数,新数组中的每个元素会执行该回调函数。

thisArg 可选

可选参数,执行回调函数 mapFnthis 对象。

返回值

一个新的数组实例。

用法:

  • String 生成 数组
  • Set 生成 数组
  • Map 生成 数组
  • 类数组 生成 数组

示例:从Map生成数组

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]

const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];

Array.from(mapper.keys());
// ['1', '2'];

其他:

Array.from({length: 100}) or  Array.from(Array(100))

// 都会生成
(100) [undefined,..., undefined]

数组实例方法keys()

keys()是es6中新增的对键名的遍历,返回一个遍历器对象

apply(thisArg, [argsArray])

apply(thisArg, [argsArray])

参数

thisArg

必选的。在 func 函数运行时使用的 this 值。请注意,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为 nullundefined 时会自动替换为指向全局对象,原始值会被包装。

argsArray

可选的。一个数组或者类数组对象,其中的数组元素将作为单独的参数传给 func 函数。如果该参数的值为 nullundefined,则表示不需要传入任何参数。从ECMAScript 5 开始可以使用类数组对象。

返回值

调用有指定this值和参数的函数的结果。

补充:js中实现随机获取1-100的不重复的数组

    <script type="text/javascript">
        function getArr() {
            var i = 0;
            var arr = new Array();
            var p;
            while (i < 100) {
                //生成随机数
                var p = Math.floor(Math.random() * 100 + 1)
                if (arr.indexOf(p) == -1) {
                    arr[i] = p;
                    i++;
                }
            }
            return arr;
        }
    </script>

总结 

到此这篇关于如何使用JavaScript快速创建一个1到100数组的文章就介绍到这了,更多相关JS快速创建1到100数组内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 如何使用JavaScript快速创建一个1到100的数组

本文链接: https://www.lsjlt.com/news/165719.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 如何使用JavaScript快速创建一个1到100的数组
    目录代码示例:前提知识:Array.from()数组实例方法keys()补充:js中实现随机获取1-100的不重复的数组总结 代码示例: let arr = [] // p...
    99+
    2022-11-13
  • 如何使用JavaScript创建一个简单的项目
    JavaScript 是一种非常有用的编程语言,它被广泛应用于 web 开发、构建单页应用等领域。因此,了解如何使用 JavaScript 创建项目,是每个 web 开发者都需要掌握的基础技能。在本文中,我们将介绍如何使用 JavaScri...
    99+
    2023-05-14
  • 如何使用MySQL和JavaScript创建一个动态数据表格
    要创建一个动态数据表格,可以通过以下步骤使用MySQL和JavaScript:1. 首先,创建一个MySQL数据库并创建一个数据表。...
    99+
    2023-10-20
    MySQL
  • 如何使用JavaScript创建一个兔年春节倒数计时器
    这篇文章主要介绍了如何使用JavaScript创建一个兔年春节倒数计时器的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇如何使用JavaScript创建一个兔年春节倒数计时器文章都会有所收获,下面我们一起来看看吧...
    99+
    2023-07-04
  • 如何在 JavaScript 中创建一个类似于 Go 数组接口的数据结构?
    在 JavaScript 中,数组是一种非常常见的数据结构,它可以存储任意数量的元素,并且可以通过下标来访问这些元素。然而,在某些情况下,我们需要更加灵活的数据结构来处理数据,例如,当我们需要高效地插入和删除元素时,或者当我们需要按照特定的...
    99+
    2023-07-01
    数组 javascript 接口
  • 我们如何使用mysqladmin创建一个新的数据库?
    我们需要特殊权限才能创建或删除 MySQL 数据库。以下是使用 mysqladmin 二进制文件创建新数据库的语法 -语法[root@host]# mysqladmin -u root -p create db_name Enter pas...
    99+
    2023-10-22
  • 如何使用Java快速创建和维护高效的索引数据结构?
    在现代软件开发中,数据结构是非常重要的一部分。一个好的数据结构可以使得程序在处理大量数据时更加高效,而索引数据结构则是其中的一种。在本文中,我们将会介绍如何使用Java快速创建和维护高效的索引数据结构。 一、什么是索引数据结构? 索引数据...
    99+
    2023-09-23
    索引 npm leetcode
  • JavaScript如何使用map()方法来遍历一个数组里的项
    这篇文章主要介绍JavaScript如何使用map()方法来遍历一个数组里的项,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!使用 map() 方法来遍历一个数组里的项var ...
    99+
    2022-10-19
  • 如何使用Go和Bash构建一个强大的数组框架?
    在计算机编程中,数组是一种非常常见的数据结构,它可以用来存储一系列的数据。使用数组可以很方便地对数据进行排序、搜索、过滤等操作。在本文中,我们将介绍如何使用Go和Bash构建一个强大的数组框架,帮助您更好地处理数据。 一、Go语言简介 G...
    99+
    2023-11-05
    bash 数组 框架
  • 我们如何创建一个使用表中动态数据的 MySQL 存储函数?
    MySQL 存储函数可以引用表,但不能使用返回结果集的语句。因此我们可以说不存在返回结果集的 SELECT 查询。但我们可以使用 SELECT INTO 来摆脱这个问题。例如,我们正在创建一个函数“Avg_marks”,它使用名为“...
    99+
    2023-10-22
  • JavaScript如何实现不要使用delete来删除一个数组中的项
    小编给大家分享一下JavaScript如何实现不要使用delete来删除一个数组中的项,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!不要使用 delete 来删除一个数组中的项。使用&nb...
    99+
    2022-10-19
  • 如何使用Go和Bash构建一个具有高可用性的数组框架?
    在现代的计算机应用程序中,数组是最基本的数据结构之一。然而,由于数组的重要性,我们需要确保数组框架具有高可用性,以确保应用程序的稳定性和可靠性。本文将介绍如何使用Go和Bash构建一个具有高可用性的数组框架。 一、什么是高可用性 高可用性...
    99+
    2023-11-05
    bash 数组 框架
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作