js 数组方法汇总(ES5数组方法,ES6新增的数组方法)

ES5,ES6数组方法汇总

ES5 数组方法::

  1. concat():合并多个数组为一个数组。
	var array1 = [1, 2, 3];
	var array2 = [4, 5, 6];
	var newArray = array1.concat(array2);
	console.log(newArray); // [1, 2, 3, 4, 5, 6]
  1. join():将数组的所有元素连接成一个字符串。
	var array = ['Hello', 'World'];
	var string = array.join(' ');
	console.log(string); // "Hello World"
  1. push():在数组末尾添加一个或多个元素,并返回新数组的长度。
	var array = [1, 2, 3];
	var newLength = array.push(4, 5);
	console.log(array); // [1, 2, 3, 4, 5]
	console.log(newLength); // 5
  1. pop():移除并返回数组的最后一个元素。
	var array = [1, 2, 3];
	var lastElement = array.pop();
	console.log(array); // [1, 2]
	console.log(lastElement); // 3
  1. shift():移除并返回数组的第一个元素。
	var array = [1, 2, 3];
	var firstElement = array.shift();
	console.log(array); // [2, 3]
	console.log(firstElement); // 1
  1. unshift():在数组的开头添加一个或多个元素,并返回新数组的长度。
	var array = [2, 3];
	var newLength = array.unshift(1);
	console.log(array); // [1, 2, 3]
	console.log(newLength); // 3
  1. slice():返回数组的一部分(浅拷贝)。
	var array = [1, 2, 3, 4, 5];
	var newArray = array.slice(2, 4);
	console.log(newArray); // [3, 4]
  1. splice():从数组中添加、删除或替换元素。
	var array = [1, 2, 3, 4, 5];
	array.splice(2, 2, 'a', 'b');
	console.log(array); // [1, 2, 'a', 'b', 5]
  1. forEach():对数组中的每个元素执行提供的函数。
	var array = [1, 2, 3];
	array.forEach(function(element) {
	  console.log(element);
	});
	// 输出:
	// 1
	// 2
	// 3
  1. map():对数组中的每个元素执行提供的函数,并返回一个新数组。
	var array = [1, 2, 3];
	var newArray = array.map(function(element) {
	  return element * 2;
	});
	console.log(newArray); // [2, 4, 6]
  1. filter():对数组中的每个元素执行提供的函数,并返回一个满足条件的新数组。
	var array = [1, 2, 3, 4, 5];
	var newArray = array.filter(function(element) {
	  return element % 2 === 0;
	});
	console.log(newArray); // [2, 4]
  1. reduce():对数组中的每个元素执行提供的函数,将结果汇总为单个值。
	var array = [1, 2, 3, 4, 5];
	var sum = array.reduce(function(previousValue, currentValue) {
	  return previousValue + currentValue;
	});
	console.log(sum); // 15

ES6新增的数组方法:

  1. find():返回数组中满足条件的第一个元素。
	var array = [1, 2, 3, 4, 5];
	var foundElement = array.find(function(element) {
	  return element > 3;
	});
	console.log(foundElement); // 4
  1. findIndex():返回数组中满足条件的第一个元素的索引。
	var array = [1, 2, 3, 4, 5];
	var foundIndex = array.findIndex(function(element) {
	  return element > 3;
	});
	console.log(foundIndex); // 3
  1. includes():判断数组是否包含指定元素。
	var array = [1, 2, 3, 4, 5];
	var includes = array.includes(3);
	console.log(includes); // true
  1. flat():将嵌套的数组扁平化为一维数组。
	var array = [1, [2, 3], 4, [5]];
	var newArray = array.flat();
	console.log(newArray); // [1, 2, 3, 4, 5]
  1. flatMap():对数组中的每个元素执行提供的函数,并将结果扁平化为一维数组。
	var array = [1, 2, 3];
	var newArray = array.flatMap(function(element) {
	  return [element, element * 2];
	});
	console.log(newArray); // [1, 2, 2, 4, 3, 6]
  1. from():将类数组对象或可迭代对象转换为数组。
	var arrayLike = {0: 'a', 1: 'b', length: 2};
	var newArray = Array.from(arrayLike);
	console.log(newArray); // ['a', 'b']
  1. of():将一系列参数转换为数组。
	var newArray = Array.of(1, 2, 3);
	console.log(newArray); // [1, 2, 3]
  1. keys():返回一个包含数组索引的迭代器对象。
	var array = ['a', 'b', 'c'];
	var iterator = array.keys();
	console.log(iterator.next()); // {value: 0, done: false}
	console.log(iterator.next()); // {value: 1, done: false}
	console.log(iterator.next()); // {value: 2, done: false}
	console.log(iterator.next()); // {value: undefined, done: true}
  1. values():返回一个包含数组值的迭代器对象。
	var array = ['a', 'b', 'c'];
	var iterator = array.values();
	console.log(iterator.next()); // {value: 'a', done: false}
	console.log(iterator.next()); // {value: 'b', done: false}
	console.log(iterator.next()); // {value: 'c', done: false}
	console.log(iterator.next()); // {value: undefined, done: true}
  1. entries():返回一个包含数组索引和值的迭代器对象。
	var array = ['a', 'b', 'c'];
	var iterator = array.entries();
	console.log(iterator.next()); // {value: [0, 'a'], done: false}
	console.log(iterator.next()); // {value: [1, 'b'], done: false}
	console.log(iterator.next()); // {value: [2, 'c'], done: false}
	console.log(iterator.next()); // {value: undefined, done: true}

以上为为常用的数组方法汇总!如有遗漏,请您留言指点,谢谢!

相关推荐

  1. ES6 数组常用方法

    2024-03-23 15:14:03       20 阅读
  2. ES6之对象新增方法

    2024-03-23 15:14:03       40 阅读
  3. ES6】字符串新增方法

    2024-03-23 15:14:03       16 阅读
  4. ES数据处理方法

    2024-03-23 15:14:03       30 阅读
  5. ES6数组新增扩展

    2024-03-23 15:14:03       43 阅读
  6. #Js篇:字符串使用方法es5es6

    2024-03-23 15:14:03       33 阅读
  7. #Js篇:数组方法es5es6

    2024-03-23 15:14:03       27 阅读
  8. es6一些方法

    2024-03-23 15:14:03       14 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-03-23 15:14:03       19 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-03-23 15:14:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-03-23 15:14:03       19 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-03-23 15:14:03       20 阅读

热门阅读

  1. 纯前端导出Excel

    2024-03-23 15:14:03       21 阅读
  2. 使用docker搭建Fluentd的教程

    2024-03-23 15:14:03       16 阅读
  3. 【NC16610】Hankson的趣味题

    2024-03-23 15:14:03       18 阅读
  4. 富格林:拆穿黑幕套路维护资金安全

    2024-03-23 15:14:03       19 阅读
  5. zynq Lwip学习笔记-recv_callback函数

    2024-03-23 15:14:03       18 阅读
  6. 大数据的实时计算和离线计算你理解吗?

    2024-03-23 15:14:03       15 阅读
  7. 应用日志集成到ElasticSearch

    2024-03-23 15:14:03       17 阅读
  8. 防火墙(讲解)

    2024-03-23 15:14:03       20 阅读
  9. 设计模式: 外观模式

    2024-03-23 15:14:03       15 阅读
  10. 网络通信过程中为什么需要连接池?

    2024-03-23 15:14:03       17 阅读
  11. Vue-live2d在项目中展示Live2D 模型

    2024-03-23 15:14:03       20 阅读
  12. odoo字段访问控制

    2024-03-23 15:14:03       16 阅读
  13. VUE父子组件的传参问题

    2024-03-23 15:14:03       20 阅读