news 2026/4/3 8:43:11

5-41 WPS JS宏 数组迭代基础测试与双数组迭代的使用方法测试

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
5-41 WPS JS宏 数组迭代基础测试与双数组迭代的使用方法测试

数组迭代基础测试与双数组迭代的使用方法测试

一、数组迭代基础测试

function 数组迭代基础测试()

{

var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]];

5-15 数组转换迭代-map测试

//对数组元素循环处理可以使用map方法,此方法将调用数组的每个元素传入给指定的函数,并返回一个新数组。

//使用方法:A1=数组.map((值,索引,数组)=>公式或方法)

var arr1=arr.map(v=>v[1]*10);

//监视窗口:arr1=[990,860,1000,1000];Array/object

var arr11=arr.map(v=>v[1]>15);

//监视窗口:arr11=[true,true,true,true];Array/object

5-18 数组的筛选迭代-filter

var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]];

//filter:

//统计符合条件的数组内容并组合成一个新数组

var arr2=arr.filter(v=>v[1]>90);

//监视窗口:arr2=[Array(3),Array(3),Array(3)];Array/object

var arr21=arr.filter(v=>v[0]===98);

//监视窗口:arr21=[Array(3)];Array/object

var arr22=arr.filter(v=>v[0]=98);//注意!注意!注意!这里替换了原数组值。

Console.log(`${arr22}`);

//打印结果:98,99,100,98,86,87,98,100,98,98,100,100

5-19 数组的查找迭代-find系列函数

var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]];

//find与findIndex:

//为迭代查找值,根据条件语句find从左查起,findIndex从右查起,返回遇见的第一个对应参数值

//使用方法:A1=数组.find((值、索引号、数组)=>公式或方法)

var arr3=arr.find(v=>v[1]>15);

//监视窗口:arr3=[98,99,100];Array/object

5-21 数组的归并迭代-reduce与reduceRight

var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]];

//reduce与reduceRight:

//归并函数是将元素中的多个值归并成一个值(如:数组所有值+-*/的结果),reduce表示从左向右操作,reduceRight表示从右向左操作。

var arr4=arr.reduce((x,y)=>x+y);

//监视窗口:arr4="98,99,10085,86,8799,100,98100,100,100";string

var arr41=arr.reduce((x,y)=>(x[0]>y[0])?x:y);

//监视窗口:arr41=[100,100,100];Array/object

5-20 数组的[与或]迭代-every与some

var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]];

every:

//为数组的所有元素值条件成立,返回true与false。

var arr5=arr.every(v=>v[1]>15);

//监视窗口:arr5=true;boolean

some:

//为数组中的元素值至少1个成立,返回true与false。

var arr6=arr.some(v=>v[1]>15);

//监视窗口:arr6=true;boolean

//Console.log(`${arr21}`);

}

二、双数组迭代的使用方法测试

1.数组迭代map与find组合测试

function 数组迭代map与find组合测试()

{

//map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。

//find:为迭代查找值,根据条件语句,返回对应参数值

var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]];

//监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object

var arr=[85,88,99];

var NewArr=arr.map(d=>arr1.find(ar=>ar[0]==d));

//监视窗口:NewArr=[Array(3),undefined,Array(3)];Array/object

Console.log(JSON.stringify(NewArr));

//打印结果:[[85,86,87],null,[99,100,98]]

Console.log(JSON.stringify(NewArr[0]));

//打印结果:[85,86,87]//返回对应参数值

}

2.数组迭代map与filter组合测试

function 数组迭代map与filter组合测试()

{

//map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。

//filter:统计符合条件的数组内容并组合成一个新数组

var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]];

//监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object

var arr=[85,88,99];

var NewArr=arr.map(d=>arr1.filter(ar=>ar[0]==d));

//监视窗口:NewArr=[Array(1),Array(0),Array(2)];Array/object

Console.log(JSON.stringify(NewArr));

//打印结果:[[[85,86,87]],[],[[99,100,98],[99,100,100]]]

Console.log(JSON.stringify(NewArr[0]));

//打印结果:[[85,86,87]]//符合条件的数组内容并组合成一个新数组

}

3.数组迭代map与some组合测试

function 数组迭代map与some组合测试()

{

//map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。

//filter:统计符合条件的数组内容并组合成一个新数组

var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]];

//监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object

var arr=[85,88,99];

var NewArr=arr.map(d=>arr1.some(ar=>ar[0]==d));

//监视窗口:NewArr=[true,false,true];Array/object

Console.log(JSON.stringify(NewArr));

//打印结果:[true,false,true]

Console.log(JSON.stringify(NewArr[0]));

//打印结果:true//符合条件的数组内容并组合成一个新数组

}

数组迭代基础测试与双数组迭代的使用方法测试 一、数组迭代基础测试 function 数组迭代基础测试() { var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]]; 5-15 数组转换迭代-map测试 //对数组元素循环处理可以使用map方法,此方法将调用数组的每个元素传入给指定的函数,并返回一个新数组。 //使用方法:A1=数组.map((值,索引,数组)=>公式或方法) var arr1=arr.map(v=>v[1]*10); //监视窗口:arr1=[990,860,1000,1000];Array/object var arr11=arr.map(v=>v[1]>15); //监视窗口:arr11=[true,true,true,true];Array/object 5-18 数组的筛选迭代-filter var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]]; //filter: //统计符合条件的数组内容并组合成一个新数组 var arr2=arr.filter(v=>v[1]>90); //监视窗口:arr2=[Array(3),Array(3),Array(3)];Array/object var arr21=arr.filter(v=>v[0]===98); //监视窗口:arr21=[Array(3)];Array/object var arr22=arr.filter(v=>v[0]=98);//注意!注意!注意!这里替换了原数组值。 Console.log(`${arr22}`); //打印结果:98,99,100,98,86,87,98,100,98,98,100,100 5-19 数组的查找迭代-find系列函数 var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]]; //find与findIndex: //为迭代查找值,根据条件语句find从左查起,findIndex从右查起,返回遇见的第一个对应参数值 //使用方法:A1=数组.find((值、索引号、数组)=>公式或方法) var arr3=arr.find(v=>v[1]>15); //监视窗口:arr3=[98,99,100];Array/object 5-21 数组的归并迭代-reduce与reduceRight var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]]; //reduce与reduceRight: //归并函数是将元素中的多个值归并成一个值(如:数组所有值+-*/的结果),reduce表示从左向右操作,reduceRight表示从右向左操作。 var arr4=arr.reduce((x,y)=>x+y); //监视窗口:arr4="98,99,10085,86,8799,100,98100,100,100";string var arr41=arr.reduce((x,y)=>(x[0]>y[0])?x:y); //监视窗口:arr41=[100,100,100];Array/object 5-20 数组的[与或]迭代-every与some var arr=[[98,99,100],[85,86,87],[99,100,98],[100,100,100]]; every: //为数组的所有元素值条件成立,返回true与false。 var arr5=arr.every(v=>v[1]>15); //监视窗口:arr5=true;boolean some: //为数组中的元素值至少1个成立,返回true与false。 var arr6=arr.some(v=>v[1]>15); //监视窗口:arr6=true;boolean //Console.log(`${arr21}`); } 2.双数组迭代的使用方法测试 1.数组迭代map与find组合测试 function 数组迭代map与find组合测试() { //map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。 //find:为迭代查找值,根据条件语句,返回对应参数值 var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]]; //监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object var arr=[85,88,99]; var NewArr=arr.map(d=>arr1.find(ar=>ar[0]==d)); //监视窗口:NewArr=[Array(3),undefined,Array(3)];Array/object Console.log(JSON.stringify(NewArr)); //打印结果:[[85,86,87],null,[99,100,98]] Console.log(JSON.stringify(NewArr[0])); //打印结果:[85,86,87]//返回对应参数值 } 2.数组迭代map与filter组合测试 function 数组迭代map与filter组合测试() { //map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。 //filter:统计符合条件的数组内容并组合成一个新数组 var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]]; //监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object var arr=[85,88,99]; var NewArr=arr.map(d=>arr1.filter(ar=>ar[0]==d)); //监视窗口:NewArr=[Array(1),Array(0),Array(2)];Array/object Console.log(JSON.stringify(NewArr)); //打印结果:[[[85,86,87]],[],[[99,100,98],[99,100,100]]] Console.log(JSON.stringify(NewArr[0])); //打印结果:[[85,86,87]]//符合条件的数组内容并组合成一个新数组 } 3.数组迭代map与some组合测试 function 数组迭代map与some组合测试() { //map:对数组元素等循环处理,将调用数组的每个元素传入给指定的函数,并返回一个新数组。 //filter:统计符合条件的数组内容并组合成一个新数组 var arr1=[[98,99,100],[85,86,87],[99,100,98],[99,100,100]]; //监视窗口:arr1=[Array(3),Array(3),Array(3),Array(3)];Array/object var arr=[85,88,99]; var NewArr=arr.map(d=>arr1.some(ar=>ar[0]==d)); //监视窗口:NewArr=[true,false,true];Array/object Console.log(JSON.stringify(NewArr)); //打印结果:[true,false,true] Console.log(JSON.stringify(NewArr[0])); //打印结果:true//符合条件的数组内容并组合成一个新数组 }
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/29 9:49:27

通信系统仿真:信道编码与解码_(18).系统级仿真实验

系统级仿真实验 在通信系统仿真中,系统级仿真实验是一个重要的环节,它不仅能够验证信道编码与解码算法的性能,还能帮助我们理解整个通信系统的各项参数对整体性能的影响。系统级仿真实验通常包括以下几个步骤:系统建模、参数设置、…

作者头像 李华
网站建设 2026/3/30 10:51:56

Docker 安装 Ubuntu

Docker 安装 Ubuntu 引言 Docker 是一个开源的应用容器引擎,它允许开发者打包他们的应用以及应用的依赖包到一个可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。本文将详细介绍如何在 Docker 中安装 Ubuntu 操作系统。 系统要求 在开始安装之前,…

作者头像 李华
网站建设 2026/4/3 4:14:55

Bootstrap5 按钮组

Bootstrap5 按钮组 Bootstrap 是一个广泛使用的开源前端框架,它为网页设计提供了丰富的组件和工具。在 Bootstrap5 中,按钮组是一个非常重要的组件,它允许开发者以灵活的方式组织按钮,从而实现更好的用户体验。本文将详细介绍 Bootstrap5 中的按钮组,包括其使用方法、特性…

作者头像 李华
网站建设 2026/4/1 20:33:16

Bootstrap4 创建一个网页

Bootstrap4 创建一个网页 引言 Bootstrap 是一个流行的前端框架,它可以帮助开发者快速构建响应式和移动优先的网页。Bootstrap4 是 Bootstrap 的最新版本,它带来了许多新的特性和改进。本文将详细介绍如何使用 Bootstrap4 创建一个基本的网页。 环境准备 在开始之前,请确…

作者头像 李华
网站建设 2026/4/3 3:36:08

【ROS2】ROS2+Qt6+WebRTC程序依赖库

1、OpenCV 错误信息: CMake Error at CMakeLists.txt:45 (find_package):By not providing "FindOpenCV.cmake" in CMAKE_MODULE_PATH this project hasasked CMake to find a package configuration file provided by "OpenCV", butCMake did not find…

作者头像 李华
网站建设 2026/3/14 3:38:52

Java计算机毕设之基于Java+springboot的科研室实验报告管理系统的设计与实现基于SpringBoot和Vue的实验报告管理系统的设计与实现(完整前后端代码+说明文档+LW,调试定制等)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华