【Js】数组(包括es6)方法大集合

这篇具有很好参考价值的文章主要介绍了【Js】数组(包括es6)方法大集合。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

数组方法(包括es6)

1、arr.push()

从后面添加元素,返回值为添加完后的数组的长度 ,改变原数组

a = [1,2,3,4,5];
b = a.push(6,7,8);
console.log(b);//8 数组长度
console.log(a);//[1, 2, 3, 4, 5, 6, 7, 8]
2、arr.pop()

从后面删除元素,只能是一个,返回值是删除的元素 (改变原数组)

let arr = [1,2,3,4,5]
console.log(arr.pop())     // 5
console.log(arr)  //[1,2,3,4]
3、arr.shift()

从前面删除元素,只能删除一个 返回值是删除的元素(改变原数组

let arr = [1,2,3,4,5]
console.log(arr.shift())  // 1
console.log(arr)   // [2,3,4,5]
4、arr.unshift()

从前面添加元素, 返回值是添加完后的数组的长度(改变原数组

let arr = [1,2,3,4,5]
console.log(arr.unshift([1,2]))    // 6
console.log(arr)  //[[1,2],1,2,3,4,5]
5、arr.splice(i,n)

删除从i(索引值)开始之后的那个元素。返回值是删除的元素(改变原数组)

参数: i 索引值 n 个数,n缺省时表示从i往后都删了

let arr = [1,2,3,4,5]
console.log(arr.splice(2,2))     //[3,4]
console.log(arr)    // [1,2,5]
6、arr.slice(start,end)

切去索引值start到索引值end的数组,不包含end索引的值,返回值是切出来的数组(不改变原数组

let arr = [1,2,3,4,5]
console.log(arr.slice(1,3))   // [2,3]
console.log(arr)    //  [1,2,3,4,5]
7、arr.concat()

连接两个数组 返回值为连接后的新数组(不改变原数组)

var a = [1,2,3],b = [4,5];var c = a.concat(b);
a//[1, 2, 3]
b//[4,5]
c// [1, 2, 3, 4, 5]
8、arr.join()

将数组转为字符串(不改变原数组)

a = [1,2,3];b = a.join(',');
b// "1,2,3"

参数: 字符串

9、arr.sort()

将数组进行排序,返回值是排好的数组,(改变原数组)

说明:如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序。要实现这一点,首先应把数组的元素都转换成字符串(如有必要),以便进行比较。

如果想按照其他标准进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值如下:文章来源地址https://www.toymoban.com/news/detail-415395.html

  • 若 a 小于 b,在排序后的数组中 a 应该出现在 b 之前,则返回一个小于 0 的值。
  • 若 a 等于 b,则返回 0。
  • 若 a 大于 b,则返回一个大于 0 的值。
let arr = [2,10,6,1,4,22,3]
console.log(arr.sort())   // [1, 10, 2, 22, 3, 4, 6]
console.log(arr.sort((a, b) => {
   return -1}))   // [3, 22, 4, 1, 6, 10, 2]
let arr = ['a', 'b', 'c', 'd']
console.log(arr.sort())   // ["a", "b", "c", "d"]
let arr1 = arr.sort((a, b) =>a - b)  
console.log(arr, arr1)   //[1, 2, 3, 4, 6, 10, 22], [1, 2, 3, 4, 6, 10, 22]
let arr2 = arr.sort((a, b) =>b-a)  
console.log(arr2)  // [22, 10, 6, 4, 3, 2, 1]
let arr3 = arr.sort((a, b) =>b>a? -1: 1);
console.log(arr3);  //[1, 2, 3, 4, 6, 10, 22]

let arr = [{
   num:2},{
   num:10},{
   num:6},{
   num:1},{
   num:4},{
   num:22},{
   num:3}]
console.log(arr.sort((a, b) => a.num - b.num))// [{num: 1},{num: 2},{num: 3},{num: 4},{num: 6},{num: 10},{num: 22}]

[2,10,6,1

到了这里,关于【Js】数组(包括es6)方法大集合的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 数组的原型方法-es6

    数组的原型方法-es6

    数组的原型方法-es6 Array.form() Array.of() find() 和 findIndex() copyWithin() fill() entries(),keys()和values() includes() flat()和flatMap() 扩展运算符 at() reduce()和reduceRight() some()判断数组中是否存在满足条件的项 18、Array.form() Array.from方法用于将两类对象转为真正的数组:类似数组的对象(array-li

    2024年02月09日
    浏览(11)
  • 【ES6】JavaScript 中的数组方法reduce

    【ES6】JavaScript 中的数组方法reduce

    reduce() 是一个 JavaScript 中的数组方法,它会对数组的每个元素执行一个提供的 reducer 函数,将其减少到一个单一的值。 这是 reduce() 的基本用法: 这里: callback 是一个用于每个数组元素的函数,接受四个参数: accumulator:累加器累加回调的返回值。它是上一次调用回调时返回

    2024年02月10日
    浏览(12)
  • JavaScript笔记——快速了解 ES6 新增数组方法,开箱即用(含案例)

    JavaScript笔记——快速了解 ES6 新增数组方法,开箱即用(含案例)

    数组是 JavaScript 以及多数编程其他编程语言的一种基础数据类型。 ES6 提供了许多新的数组方法,这篇文章将介绍其中一些常用的数组方法及其使用示例。 Array.from() 方法从一个类似数组或可迭代对象中创建一个新的,浅拷贝的数组实例。例如,将字符串转换为字符数组。 A

    2024年02月10日
    浏览(13)
  • ES6中Map集合

    Map集合是一个新的数据结构,它可以存储键值对,并且可以使用任何类型的值作为键,包括对象、数组和函数。Map也是一种可迭代的结构,可以使用for...of循环遍历。 在ES6中,我们可以使用Map构造函数来创建一个Map集合: 我们还可以在创建Map时传入一个数组,数组中包含的元

    2024年02月07日
    浏览(8)
  • ES6中Set集合

    ES6中的Set是一种数据结构,类似于数组,但是它的值都是唯一的。它是通过一组有序的、由唯一元素组成的集合实现的,不允许重复项。Set可以用于存储任何类型的数据,包括原始类型和复合类型,如对象和数组。 Set有以下特点: Set集合中的元素是唯一的,不允许重复。

    2024年02月07日
    浏览(7)
  • [ES6] 数组

    Array.of(),将参数中所有值作为元素形成数组,参数值可为不同类型,参数为空时返回空数组 Array.from(),将类数组对象或可迭代对象转化为数组 Array.from(arrayLike[, mapFn[, thisArg]]) arrayLike:想要转换的类数组对象或可迭代对象 mapFn:可选,map 函数,用于对每个元素进行处理,放入数组的是

    2023年04月23日
    浏览(9)
  • ES6基础知识二:ES6中数组新增了哪些扩展?

    ES6基础知识二:ES6中数组新增了哪些扩展?

    一、扩展运算符的应用 ES6通过扩展元素符…,好比 rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列 主要用于函数调用的时候,将一个数组变为参数序列 可以将某些数据结构转为数组 能够更简单实现数组复制 const a1 = [1, 2]; const […a2] = a1; // [1,2] 数组的合并也更为

    2024年02月16日
    浏览(16)
  • 【ES6】—数组的扩展

    【ES6】—数组的扩展

    ES5 的 slice 方法 arguments 是一个对应于传递给函数的参数的类/伪数组对象 ES6的Array.from()方法 PS: 通过new Array的时候,参数为多个时,参数表示的是数组的值;参数为一个时,参数表示是数组的长度 参数:copyWithin(target, start, end) target: 从哪个索引开始替换 strat: 元素复制的起始

    2024年02月12日
    浏览(8)
  • ES6解构对象、数组、函数传参

    ES6解构对象、数组、函数传参

      目录  1.对象解构 2.对象解构的细节处理 2.1.解构的值对象中不存在时 2.2.给予解构值默认参数   2.3.非同名属性解构 3.数组解构 3.1基础解构语法 3.2数组嵌套解构 4.函数解构传参 5.解构小练习 在ES6的新语法中新增了解构的方法,它可以让我们很方便的从数组或者对象身上取

    2024年02月16日
    浏览(8)
  • ES6知识点汇总(2)--数组

    1、扩展运算符的应用 ES6通过扩展元素符…,就像rest 参数的逆运算,将一个数组转为用逗号分隔的参数序列 主要用于函数调用的时候,将一个数组变为参数序列 能够更简单实现数组复制 数组的合并也更为简洁 注意:通过扩展运算符实现的是浅拷贝,修改了引用指向的值,

    2024年02月13日
    浏览(11)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包