数组的总结
创始人
2025-05-31 07:22:24
0
  1. length:返回数组的长度(即元素的数量)。

const arr = [1, 2, 3, 4, 5];
console.log(arr.length); // 输出 5
  1. push:将一个元素添加到数组的末尾。

const arr = [1, 2, 3];
arr.push(4);
console.log(arr); // 输出 [1, 2, 3, 4]
  1. pop:从数组的末尾删除一个元素,并返回该元素的值。

const arr = [1, 2, 3];
const last = arr.pop();
console.log(last); // 输出 3
console.log(arr); // 输出 [1, 2]
  1. unshift:将一个元素添加到数组的开头。

const arr = [1, 2, 3];
arr.unshift(0);
console.log(arr); // 输出 [0, 1, 2, 3]
  1. shift:从数组的开头删除一个元素,并返回该元素的值。

const arr = [1, 2, 3];
const first = arr.shift();
console.log(first); // 输出 1
console.log(arr); // 输出 [2, 3]
  1. splice:从数组中删除一些元素,或者在指定位置插入一些元素。

const arr = [1, 2, 3, 4, 5];
arr.splice(2, 2, 6, 7);
console.log(arr); // 输出 [1, 2, 6, 7, 5]
  1. slice:返回数组的一个子集。

const arr = [1, 2, 3, 4, 5];
const subArr = arr.slice(1, 3);
console.log(subArr); // 输出 [2, 3]
  1. concat:将两个或多个数组合并成一个新数组。

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const newArr = arr1.concat(arr2);
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6]
  1. indexOf:返回指定元素在数组中第一次出现的索引,如果没有找到,则返回-1。

const arr = [1, 2, 3, 4, 5];
const index = arr.indexOf(3);
console.log(index); // 输出 2
  1. includes:判断数组是否包含指定元素,如果包含则返回true,否则返回false。

const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3);
console.log(result); // 输出 true
  1. forEach:遍历数组中的每个元素,并对每个元素执行指定的操作。

const arr = [1, 2, 3];
arr.forEach(function(item) {console.log(item);
});
// 输出
// 1
// 2
// 3
  1. map:遍历数组中的每个元素,并将每个元素应用于指定的函数,返回一个新的数组。

const arr = [1, 2, 3];
const newArr = arr.map(function(item) {return item * 2;
});
console.log(newArr); // 输出 [2, 4, 6]
  1. filter:遍历数组中的每个元素,并将符合指定条件的元素组成一个新的数组返回。

const arr = [1, 2, 3, 4, 5];
const newArr = arr.filter(function(item) {return item % 2 === 0;
});
console.log(newArr); // 输出 [2, 4]
  1. reduce:将数组中的所有元素累积为一个单独的值,可以是求和、求平均、求最大值等。

const arr = [1, 2, 3, 4, 5];
const sum = arr.reduce(function(prev, curr) {return prev + curr;
}, 0);
  1. sort:对数组进行排序,可以是升序或降序。

const arr = [3, 1, 4, 2, 5];
arr.sort(function(a, b) {return a - b;
});
console.log(arr); // 输出 [1, 2, 3, 4, 5]
数组中的es6 ES6(ECMAScript 2015)在数组的使用方面提供了一些新的特性,下面介绍一些常用的 ES6 数组特性。
扩展运算符(Spread operator):可以将一个数组展开为一个序列,或者将多个数组合并为一个数组。示例:
const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [...arr1, ...arr2]; // 合并数组
console.log(arr3); // 输出 [1, 2, 3, 4, 5, 6]const arr4 = [0, ...arr1, 4]; // 在数组头尾添加元素
console.log(arr4); // 输出 [0, 1, 2, 3, 4]
Array.from() 方法:可以将一个类数组对象或可迭代对象转换为真正的数组。示例
const str = 'abc';
const arr = Array.from(str); // 将字符串转换为数组
console.log(arr); // 输出 ['a', 'b', 'c']const set = new Set([1, 2, 3]);
const arr2 = Array.from(set); // 将 Set 转换为数组
console.log(arr2); // 输出 [1, 2, 3]
Array.of() 方法:可以创建一个包含任意数量参数的新数组。示例:
Array.of() 方法:可以创建一个包含任意数量参数的新数组。示例:
find() 和 findIndex() 方法:可以在数组中查找符合条件的元素并返回它的索引或值。示例:
const arr = [1, 2, 3, 4, 5];
const result = arr.find(function(item) {return item > 3;
});
console.log(result); // 输出 4const index = arr.findIndex(function(item) {return item > 3;
});
console.log(index); // 输出 3
fill() 方法:可以用指定的值填充数组中的元素。示例:
const arr = new Array(5).fill(0); // 填充数组
console.log(arr); // 输出 [0, 0, 0, 0, 0]
includes() 方法:可以判断数组是否包含指定的元素。示例:
const arr = [1, 2, 3, 4, 5];
const result = arr.includes(3);
console.log(result); // 输出 true
flat() 方法:可以将嵌套数组扁平化为一维数组。示例:
const arr = [1, 2, [3, 4, [5, 6]]];
const newArr = arr.flat(); // 扁平化数组
console.log(newArr); // 输出 [1, 2, 3, 4, 5, 6]
some() 和 every() 方法:可以判断数组中的元素是否符合指定的条件,并返回 true 或 false。示例:
const arr = [1, 2, 3, 4, 5];
const result1 = arr.some(function(item) {return item > 3;
});
console.log(result1); // 输出 trueconst result2 = arr.every(function(item) {return item > 3;
});
console.log(result2); // 输出 false

相关内容

热门资讯

爱自己的经典语句 关于爱自己的经典语句(精选145句)  在平平淡淡的学习、工作、生活中,大家一定都接触过一些名人语句...
描写月亮很圆的句子 描写月亮很圆的句子大全  无论是在学校还是在社会中,许多人都接触过一些比较经典的句子吧,句子由词或词...
英语句子在线翻译   你勇敢,世界就会让步。如果有时它战胜你,你要不断地勇敢再勇敢,它就会屈服。下面的是小编分享的与英...
人生大起大落的感悟句子 人生大起大落的感悟句子  所有的胜利,与征服自己的胜利比起来,都是微不足道。所有的失败,与失去自己的...
描写菊花的句子 描写菊花的句子(精选125句)  在现实生活或工作学习中,大家都知道一些经典的句子吧,句子可分为单句...
飞鸟集好词好句 飞鸟集精选好词好句  无论是在学校还是在社会中,大家或多或少都接触过一些经典的好词好句吧,好词好句的...
励志句子带图片 励志句子带图片  生活可能面目狰狞,但一定要以漂亮的姿态去迎战,励志句子带图片。下面是由应届毕业生小...
描写春分时节的句子 描写春分时节的句子  在我们平凡的日常里,大家总免不了要接触或使用句子吧,句子是能够表达一个相对完整...
搞笑绕口令笑破肚皮 搞笑绕口令笑破肚皮  绕口令是民间汉语语言游戏,将声母、韵母或声调极易混同的字,组成反复、重叠、绕口...
用满意造句 用满意造句  在平日的学习、工作和生活里,大家总少不了接触一些耳熟能详的句子吧,根据句子的语气用途不...
描写人生很累很辛苦的句子 描写人生很累很辛苦的句子集锦  在日常生活或是工作学习中,大家一定没少看到经典的句子吧,句子能表达一...
优秀作品傅雷家书摘抄_优秀句... 傅家雷书是我国文学艺术翻译家傅雷及夫人19541966年间写给孩子傅聪、傅敏等的家信摘编,该书是一本...
初中作文优美语段「摘抄」 初中作文优美语段「摘抄」  摘抄即从文刊、文件等里阅读 ,再把语言优美,值得品析,值得学习的词语,句...
早安最美句子 早安最美句子  在平平淡淡的日常中,大家都听说过或者使用过一些比较经典的句子吧,句子是能够表达一个相...
生日快乐经典句子 生日快乐经典句子(精选80句)  在日常的学习、工作、生活中,大家都接触过很多优秀的句子吧,借助句子...
天冷加衣的温馨句子 天冷加衣的温馨句子  天冷加衣的句子有哪些?天气变冷了加衣服,想要发表说说表达此时的感情,下面这些天...
时代广场的蟋蟀好词好句   时代广场的蟋蟀好词好句  好词:  销声匿迹、绞尽脑汁、越来越少  人声鼎沸、四下张望、化为乌有...
描写天气炎热的句子 关于描写天气炎热的句子  1、太阳让人坐立不安在树下乘凉也感到急躁。  2、七月的天气,太阳正毒,晒...
描写桃花林的优美语句 描写桃花林的优美语句  1、于到了桃花山下,虽然今年春寒,漫山遍野的桃林只是零星地开着花。但游人还是...
公园春景作文 公园春景作文9篇  在平平淡淡的学习、工作、生活中,大家都有写作文的经历,对作文很是熟悉吧,作文可分...