react笔记之数组得方法

 <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>数组的方法</title>
    <script>
 
        const arr = [1, 2, 3, 4, 5];
 
        /*
        *   map()
        *       - 可以根据原有数组返回一个新数组
        *       - 需要一个回调函数作为参数，回调函数的返回值会成为新数组中的元素
        *       - 回调函数中有三个参数：
        *           第一个参数：当前元素
        *           第二个参数：当前元素的索引
        *           第三个参数：当前数组
        *
        *   filter()
        *       - 可以从一个数组中获得符和条件的元素
        *       - 会根据回调函数的结果来决定是否保留元素，true保留，false不保留
        *
        *   find()
        *       - 可以从一个数组中获得符和条件的第一个元素
        *
        *   reduce()
        *       - 可以用来合并数组中的元素
        *       - 需要两个参数：
        *           回调函数（指定运算规则）
        *               四个参数：
        *                   prev 上一次运算结果
        *                   curr 当前值
        *                   index 当前索引
        *                   arr 当前数组
        *           初始值
        *               - 用来指定第一次运算时prev，如果不指定则直接从第二个元素开始计算
        * */
        let result = arr.map((item) => {
            return item + 2;
        });
 
        result = arr.map((item, index, array) => {
            return item + 2;
        });
 
        // console.log(result);
 
        const arr2 = ['孙悟空', '猪八戒', '沙和尚'];
        /*
        *   <li>孙悟空</li>
        *   <li>猪八戒</li>
        *   <li>沙和尚</li>
        * */
 
        result = arr2.map(item => "<li>" + item + "</li>");
 
 
        result = arr.filter(item => item % 2 === 0);
        result = arr.find(item => item % 2 === 0);
 
 
        result = arr.reduce((prev, curr, index) => {
            console.log(index, prev, curr);
            return prev + curr
        },0);
        console.log(result);
 
 
    </script>
</head>
<body>
 
</body>
</html>

posted @ 2022-11-05 20:41 前端导师歌谣阅读(162) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· react18-学习笔记8-数组和tuple

· react笔记之类笔记

· 数组常用方法

· js 数组中的方法

· Array 数组的几种方法

公告

昵称：前端导师歌谣
园龄： 7年3个月
粉丝： 9
关注： 0

+加关注

2025年3月

日

一

二

三

四

五

六

前端导师歌谣的博客

微信公众号关注前端小歌谣每日分享前端知识

react笔记之数组得方法

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

	<!DOCTYPE html>
	<html lang="zh">
	<head>
	<meta charset="UTF-8">
	<title>数组的方法</title>
	<script>

	const arr = [1, 2, 3, 4, 5];

	/*
	* map()
	* - 可以根据原有数组返回一个新数组
	* - 需要一个回调函数作为参数，回调函数的返回值会成为新数组中的元素
	* - 回调函数中有三个参数：
	* 第一个参数：当前元素
	* 第二个参数：当前元素的索引
	* 第三个参数：当前数组
	*
	* filter()
	* - 可以从一个数组中获得符和条件的元素
	* - 会根据回调函数的结果来决定是否保留元素，true保留，false不保留
	*
	* find()
	* - 可以从一个数组中获得符和条件的第一个元素
	*
	* reduce()
	* - 可以用来合并数组中的元素
	* - 需要两个参数：
	* 回调函数（指定运算规则）
	* 四个参数：
	* prev 上一次运算结果
	* curr 当前值
	* index 当前索引
	* arr 当前数组
	* 初始值
	* - 用来指定第一次运算时prev，如果不指定则直接从第二个元素开始计算
	* */
	let result = arr.map((item) => {
	return item + 2;
	});

	result = arr.map((item, index, array) => {
	return item + 2;
	});

	// console.log(result);

	const arr2 = ['孙悟空', '猪八戒', '沙和尚'];
	/*
	* <li>孙悟空</li>
	* <li>猪八戒</li>
	* <li>沙和尚</li>
	* */

	result = arr2.map(item => "<li>" + item + "</li>");


	result = arr.filter(item => item % 2 === 0);
	result = arr.find(item => item % 2 === 0);


	result = arr.reduce((prev, curr, index) => {
	console.log(index, prev, curr);
	return prev + curr
	},0);
	console.log(result);


	</script>
	</head>
	<body>

	</body>
	</html>

前端导师歌谣的博客

微信公众号关注前端小歌谣 每日分享前端知识

react笔记之数组得方法

公告

搜索

常用链接

最新随笔

我的标签

积分与排名

随笔分类

随笔档案

相册

阅读排行榜

推荐排行榜

微信公众号关注前端小歌谣每日分享前端知识