电子商务网站建设 概念,搭建网页平台,网站建设售后服务内容,手机版wordpress目录 数组添加元素 (push)数组移除末尾元素 (pop)数组添加元素到开头 (unshift)数组移除开头元素 (shift)数组查找元素索引 (indexOf)数组反向查找元素索引 (lastIndexOf)数组切割 (slice)数组连接 (concat)数组元素查找 (find 和 findIndex)数组元素过滤 (filter)数组元素映射… 目录 数组添加元素 (push)数组移除末尾元素 (pop)数组添加元素到开头 (unshift)数组移除开头元素 (shift)数组查找元素索引 (indexOf)数组反向查找元素索引 (lastIndexOf)数组切割 (slice)数组连接 (concat)数组元素查找 (find 和 findIndex)数组元素过滤 (filter)数组元素映射 (map)数组元素归并 (reduce)数组元素迭代 (forEach)数组元素去重 (filter 和 Set)数组元素排序和去重 (sort 和 Set)数组元素计数 (reduce 和 Object)数组元素计数 (reduce 和 Map) 点赞你的认可是我创作的动力
⭐️ 收藏你的青睐是我努力的方向
✏️ 评论你的意见是我进步的财富 数组添加元素 (push)
作用: 向数组末尾添加一个或多个元素并返回新数组的长度。
示例:
const fruits [apple, banana];
const newLength fruits.push(cherry);
// newLength: 3, fruits: [apple, banana, cherry]常见场景: 在数组中动态添加新数据。
数组移除末尾元素 (pop)
作用: 移除并返回数组的最后一个元素。
示例:
const fruits [apple, banana, cherry];
const removedFruit fruits.pop();
// removedFruit: cherry, fruits: [apple, banana]常见场景: 移除最后一个元素如栈操作。
数组添加元素到开头 (unshift)
作用: 向数组开头添加一个或多个元素并返回新数组的长度。
示例:
const fruits [banana, cherry];
const newLength fruits.unshift(apple);
// newLength: 3, fruits: [apple, banana, cherry]常见场景: 在数组开头插入新数据。
数组移除开头元素 (shift)
作用: 移除并返回数组的第一个元素。
示例:
const fruits [apple, banana, cherry];
const removedFruit fruits.shift();
// removedFruit: apple, fruits: [banana, cherry]常见场景: 移除第一个元素如队列操作。
数组查找元素索引 (indexOf)
作用: 返回数组中第一个匹配元素的索引如果未找到则返回-1。
示例:
const numbers [1, 2, 3, 4, 5];
const index numbers.indexOf(3);
// index: 2常见场景: 查找元素在数组中的位置。
数组反向查找元素索引 (lastIndexOf)
作用: 返回数组中最后一个匹配元素的索引如果未找到则返回-1。
示例:
const numbers [1, 2, 3, 4, 3, 5];
const lastIndex numbers.lastIndexOf(3);
// lastIndex: 4常见场景: 反向查找元素在数组中的位置。
数组切割 (slice)
作用: 从数组中提取一个子数组不会修改原数组。
示例:
const fruits [apple, banana, cherry, date];
const slicedFruits fruits.slice(1, 3);
// slicedFruits: [banana, cherry]常见场景: 提取部分数组而不影响原始数据。
数组连接 (concat)
作用: 连接两个或多个数组并返回一个新数组。
示例:
const fruits1 [apple, banana];
const fruits2 [cherry, date];
const combinedFruits fruits1.concat(fruits2);
// combinedFruits: [apple, banana, cherry, date]常见场景: 将多个数组合并成一个。
数组元素查找 (find 和 findIndex)
作用: find返回数组中满足条件的第一个元素findIndex返回数组中满足条件的第一个元素的索引。
示例:
const numbers [1, 2, 3, 4, 5];
const evenNumber numbers.find(num num % 2 0);
const evenIndex numbers.findIndex(num num % 2 0);
// evenNumber: 2, evenIndex: 1常见场景: 查找满足特定条件的元素或索引。
数组元素过滤 (filter)
作用: 创建一个新数组其中包含满足条件的所有元素。
示例:
const numbers [1, 2, 3, 4, 5];
const evenNumbers numbers.filter(num num % 2 0);
// evenNumbers: [2, 4]常见场景: 从数组中过滤出满足条件的元素。
数组元素映射 (map)
作用: 创建一个新数组其中包含对原数组中的每个元素应用函数后的结果。
示例:
const numbers [1, 2, 3, 4, 5];
const squaredNumbers numbers.map(num num * num);
// squaredNumbers: [1, 4, 9, 16, 25]常见场景: 对数组中的每个元素进行转换或映射。
数组元素归并 (reduce)
作用: 将数组中的元素累积为一个值通过指定的函数。
示例:
const numbers [1, 2, 3, 4, 5];
const sum numbers.reduce((acc, num) acc num, 0);
// sum: 15常见场景: 对数组中的元素执行归纳操作如计算总和或找到最大值。
数组元素迭代 (forEach)
作用: 遍历数组中的每个元素对每个元素执行提供的函数。
示例:
const fruits [apple, banana, cherry];
fruits.forEach(fruit console.log(fruit));
// 输出: apple, banana, cherry常见场景: 执行对每个元素的操作例如打印或发送请求。
数组元素去重 (filter 和 Set)
作用: 使用filter和Set对象来去重数组中的元素。
示例:
const numbers [1, 2, 2, 3, 4, 4, 5];
const uniqueNumbers numbers.filter((value, index, self) self.indexOf(value) index);
// 或者
const uniqueNumbers2 [...new Set(numbers)];
// uniqueNumbers: [1, 2, 3, 4, 5]常见场景: 去除数组中的重复元素。
数组元素排序和去重 (sort 和 Set)
作用: 使用sort方法进行排序然后使用Set对象去重。
示例:
const numbers [5, 2, 9, 2, 1, 5];
const sortedUniqueNumbers [...new Set(numbers.sort((a, b) a - b))];
// sortedUniqueNumbers: [1, 2, 5, 9]常见场景: 对数组元素进行排序并去重。
数组元素计数 (reduce 和 Object)
作用: 使用reduce和对象来计算数组中每个元素的出现次数。
示例:
const fruits [apple, banana, cherry, apple, banana];
const fruitCount fruits.reduce((acc, fruit) {acc[fruit] (acc[fruit] || 0) 1;return acc;
}, {});常见场景: 计算数组中元素的出现频率。
数组元素计数 (reduce 和 Map)
作用: 使用reduce和Map对象来计算数组中每个元素的出现次数。
示例:
const fruits [apple, banana, cherry, apple, banana];
const fruitCount fruits.reduce((acc, fruit) {acc.set(fruit, (acc.get(fruit) || 0) 1);return acc;
}, new Map());常见场景: 计算数组中元素的出现频率同时保留键值对。
