React二维数组的几种声明和使用过程_React

例如const map=[[]] 这样定义二维数组,本篇文章给大家解析一下react数组使用的正确方法和错误使用的错误原因。

const map = [[1,2],[3,4],[5,6]];

这个map变量的值是可变的,但是它的结构是不可变的,要修改它可以这样写:

map[0] = [1,2,3]

但是,如果我们这样写就会报错:

map[3] = [1,2,3]

因为我们对map的定义初始化的时候,按照react的语法,只要值不为空,那么数组的大小就是不可变的,但是数组的值是可变的。所以我们给map[3]赋值,这个map[3]并不存在,map只有0到2三个值,就会报错。

但是对于map[0],[1,2]是它的一个值,这个值可以被整体替换为 [1,2,3],没有问题。

如果我们这样做也是会报数组溢出的:

map[3][4] = 1;

如果我们想要数组的大小动态可变怎么办呢,我们可以这样来初始化:

const map = []

这里把map首先定义为一个数组,这个时候[]内没有值,就代表这是一个没有初始值的数组,其数组大小不是0,而是不确定,可以动态赋值,例如:

map[0] = []

这里我们给map加了一个0号元素,值也是一个不确定大小的未初始化数组,这个数组也可以被动态添加值:

map[0] [0] = 1;

但是我们要注意,当map[0]被赋值时,map的大小才会扩展为1,如果没有给map[0]赋值,直接给map[1]赋值时是不能成功的:

如果我们要初始化一个动态扩展的二维数组,我们应该这样做:

const map = [];//在使用时,动态扩展for(var i=0;i

我们要给map定义为一个一维数组,然后动态添加数组元素作为其元素值。

const map = [[]];

看似定义了一个空的二维数组,实则不然,这个写法的意思是定义了一个数组,数组中只有一个数组类型的元素,外层[]中的[]代表了一个元素,相当于给了外层数组初始值,这个数组就不是动态可扩展的了,而是外层只能有一个元素,这时map[1]就是不存在也不可赋值的。

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。


本文地址: https://www.earthnavs.com/jishuwz/ec01c9b6a0ca3dd85702.html
全局中部横幅
奔跑中的奶酪

有智,有趣,有爱是世界上最美好的三件事。崇尚科技,网站致力于个人提升和价值分享。——奔跑中的奶酪

豆瓣

提供图书、电影、音乐唱片的推荐、评论和价格比较,以及城市独特的文化生活。

CGTN

Getthenewsasitbreaksandgobehindtheday

新华网

中国主要重点新闻网站,依托新华社遍布全球的采编网络,记者遍布世界100多个国家和地区,地方频道分布全国31个省市自治区,每天24小时同时使用6种语言滚动发稿,权威、准确、及时播发国内外重要新闻和重大突发事件,受众覆盖200多个国家和地区,发展论坛是全球知名的中文论坛。

中国青年网

中国青年网,1999年5月4日正式开通,共青团中央主办的中央重点新闻网站,是国内最大的青年主流网站。中国青年网竭诚服务青年的文化、心理、情感和创业需求,是共青团运用网络文化元素吸引青年的新载体和引导青年的新途径,为团组织通过新媒体融入青年提供有力支撑。中国青年网拥有400余个子网站,2000多个栏目,用文字、图片、动漫、音视频、论坛、博客、微博、手机、网上直播等多种手段,依托共青团中央丰富的资源,每天向全球网民发布丰富多彩的信息,内容包括政治、经济、社会、文化、娱乐、时尚、教育、心理等各个领域。

金羊网

金羊网是广东省顶级报刊媒体羊城晚报集团旗下新媒体网站,华南区四大媒体网站之一,为用户提供最新新闻资讯等。并提供《羊城晚报》、《新快报》、《可乐生活》等多家报刊电子版!

下载梨翱联网

下载梨翱联网融合了生活、娱乐与各类文学知识的平台,为用户带来准确且优秀的知识问答。这里有丰富的生活小知识、生活常识、娱乐资讯以及各类文学知识。其目标在于助力广大网友处理日常生活里碰到的种种问题。

URLOS

基于容器技术的新一代主机管理系统,将网站、小程序和APP等应用运行在多台主机上,弹性加减硬件,单机故障不影响在线业务。

美国香港海外云服务器

纵横数据成立于2005年,是业内知名的企业级高可用云服务器提供商!主营全球服务器租用与托管、国内云主机、海外云服务器、动态拨号VPS、显卡服务器、大带宽服务器等一站式全球IT网络解决方案提供商。纵横数据一直致力于全球互联网数据基础业务和网络营销解决方案的实施,是一家极富创新性的科技公司。

资源网站

资源网站:致力于为用户提供丰富多样的资源,包括网络创业项目、学习资料、实用工具、行业资讯等各类信息,通过我们的平台,您可以方便地获取到各种优质的资源。