一起来了解javascript数组的方法

目录
  • 1、push
  • 2、pop
  • 3、unshift()
  • 4、shift()
  • 5、concat()
  • 6、reverse()
  • 7、sort( )
  • 8、join()
  • 9、slice()
  • 10、splice()
  • 总结

1、push

在数组末尾添加一个或者多个元素

		var arr = [1,2,3,4];
        arr.push(5);
        console.log(arr);// [1, 2, 3, 4, 5]
        arr.push(6,7);
        console.log(arr);//[1, 2, 3, 4, 5, 6, 7]

2、pop

数组末尾删除一个，并返回删除的元素

		var arr = [1,2,3,4];
		console.log(arr.pop());// 4
        console.log(arr); // [1,2,3]

3、unshift()

数组头部添加一个或者多个元素，返回添加后的数组长度

var arr = [4,5,6,7];arr.unshift(2,3)        console.log(arr); // [2, 3, 4, 5, 6, 7]        arr.unshift(1)        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]		var arr = [4,5,6,7];
		arr.unshift(2,3)
        console.log(arr); // [2, 3, 4, 5, 6, 7]
        arr.unshift(1)
        console.log(arr); // [1, 2, 3, 4, 5, 6, 7]

4、shift()

头部删除一个元素，返回这个被删除的元素

		var arr = [4,5,6,7];
		console.log(arr.shift()); //4
        console.log(arr); //[5, 6, 7]

5、concat()

数组合并， 不会改变原数组

		var abb = [1,2,3]
        var arr = [4,5,6,7];
        console.log(abb.concat(arr)); // [1, 2, 3, 4, 5, 6, 7]

6、reverse()

数组翻转、会改变原数组

		var arr = [1,2,3];
		console.log(arr.reverse()); // [3, 2, 1]
        console.log(arr); // [3, 2, 1]

7、sort( )

对数组进行从小到大的排序、会改变原数组

        var arr = [1,3,8,2,5]
		console.log(arr.sort()); // [1, 2, 3, 5, 8] 默认是从小到大排序
		arr.sort(function fn(a,b){ // 升序
            return a-b
        })
        console.log(arr); // [1, 2, 3, 5, 8]
        arr.sort(function fn(a,b){ // 降序
            return b-a
        })
        console.log(arr); // [8, 5, 3, 2, 1]

8、join()

把数组转换为字符串、不会改变原数组

		var arr = [1,2,3,4,5]
        console.log(arr.join()); // 1,2,3,4,5  默认是以逗号分割
        console.log(arr.join('-')); // 1-2-3-4-5 可以在括号内定义用什么分割
        console.log(arr); // [1, 2, 3, 4, 5]

9、slice()

数组截取、不会改变原数组

        console.log(arr.slice(4)); // [5] 从下标为4的位置开始到最后一个结束
        console.log(arr.slice(2,4));// [3, 4] 从下标为2的位置开始到4结束、但不包括下标为4 的值
        console.log(arr); // [1, 2, 3, 4, 5]

10、splice()

删除、插入、会改变原数组

        var arr = [1,2,3,4,5,6,7]
        // 删除
        console.log(arr.splice()); // [] 没穿参数返回空数组
        console.log(arr.splice(4)); //  [5, 6, 7] 从下标4开始删除到末尾，返回被删除的值
        console.log(arr.splice(4,2));// [5, 6] 第二个参数是删除多少
        console.log(arr);
		// 插入
		// 第一个参数是从什么位置开始，第二个是移除几个，第三个以后是添加的内容
		console.log(arr.splice(1,0,3));// [] 返回空数组
        console.log(arr); // [1, 3, 2, 3, 4, 5, 6, 7]
        console.log(arr.splice(1,0,3,4));// [1, 3, 4, 2, 3, 4, 5, 6, 7]

总结

本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注我们的更多内容!

赞 (0)

相关推荐

  • JS一维数组转化为三维数组方法

    JS一维数组转化为三维数组方法

    有人提问想要将一维数组转化为三位数组的需求,下面就给提问的的小伙伴安排上 下面是后端同学返给我们的一维数组数据格式:     [{       '品牌': 'xiaomi', '机型': '10', '配置': '512'     },     {       '品牌': 'xiaomi', '机型': '10', '配置': '128'     },     {       '品牌': 'xiaomi', '机型': '11', '配置': '128'     },     {       '

  • 详解JS数组方法

    目录 一.会修改原数组 1.push(): 2.pop(): 3.shift(): 4.unshift(): 5.splice(): 6.sort(): 7.reverse(): 二.不修改原数组 1.toString(): 2.join(): 3.concat(): 4.slice() : 5.map(): 6.forEach(): 7.filter(): 8.every(): 9.some(): 10.reduce(): 总结 一.会修改原数组 1.push(): (在数组结尾处)向数组添加

  • 详解JavaScript数组的常用方法

    详解JavaScript数组的常用方法

    目录 数组的常用方法 pop() unshift() shift() slice() splice() 数组元素去重 concat() join() reverse() sort() 总结 数组的常用方法 push() 改方法可以向数组末尾添加一个或多个元素,并返回数组的新长度 可以将添加的元素作为方法的参数传递,这些元素会自动添加加到数组的末尾 改方法会将数组新的长度作为返回值返回 var arr = ["小和尚","小猴","小猪",&quo

  • javascript的数组方法大全

    javascript的数组方法大全

    目录 1:concat(); 2:join(); 3:pop(); 4:shift(); 5:unshift(); 6:push(); 7:reverse(); 8:sort(); 8.1: 8.2: 8.3:排序问题 9:slice(); 10:splice() 11:toString(); 12:valueOf(); 13:IndexOf(); 14:lastIndexOf(); 15:forEach(); 16:map(); 17:filter(); 18:every(); 19:some

  • js 数组 fill() 填充方法

    js 数组 fill() 填充方法

    目录 1.fill()  语法 2.fill() 的使用 3.总结 前言: 我们知道了很多了初始化数组的方法,但是初始化数组之后,数组中的每一项元素默认为 empty 空位占位,如何对数组这些空位添加默认的元素,ES6提供了 fill() 方法实现这一操作.本文总结数组 fill() 方法的详细使用. 1.fill()  语法 fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素.不包括终止索引.返回修改后的原始数组,不创建新数组. 使用语法:array.fill( va

  • JavaScript数组方法实例详解

    JavaScript数组方法实例详解

    目录 简介 创建数组 创建方法 详解 方法大全 join() push()和 pop() shift() 和 unshift() sort() reverse() concat() slice() splice() indexOf()和 lastIndexOf() forEach() map() filter() fill()  (ES6 新增) every() some() includes() (ES7) reduce()和 reduceRight() toLocaleString() 和

  • javascript数组去重方法分析

    本文实例讲述了javascript数组去重方法.分享给大家供大家参考,具体如下: 方法一. 思路:创建一个新的空数组,循环遍历旧数组,用indexOf()方法,可以取得元素在数组中的位置,如果值为-1表示不存在.那么新数组用indexOf去获取老数组的每一个元素,如果值为-1表示不存在,就把他push到新数组里,最后输出新数组即去重后的数组 var arr=[24,56,74,89,24,56,78,09,24]; var new_arr=[]; for(var i=0;i<arr.length

  • javaScript数组迭代方法详解

    本文为大家介绍了javaScript数组迭代方法,供大家参考,具体内容如下 每个方法都接收两个参数:要在每一项上运行的函数  和  (可选的)运行该函数的作用域对象. 传入这些方法中的函数会接收三个参数:数组项的值,该项在数组中的位置,数组对象本身. forEach()  对数组中的每一项运行 给定函数.该方法没有返回值. every()  对数组中的每一项运行 给定函数,如果数组的每一项都返回true,则返回true. some()  对数组中的每一项运行 给定函数,如果数组的任意一项返回tr

  • javascript数组去重方法汇总

    javascript数组去重方法汇总 Array.prototype.unique1 = function () { var n = []; //一个新的临时数组 for (var i = 0; i < this.length; i++) //遍历当前数组 { //如果当前数组的第i已经保存进了临时数组,那么跳过, //否则把当前项push到临时数组里面 if (n.indexOf(this[i]) == -1) n.push(this[i]); } return n; }; Array.pro

  • javascript数组去重方法总结（推荐）

     第一种--对象键值去重 Array.prototype.unique1 = function () { var r = {}, temp = [] for (var i = 0; i < this.length; i++) { if (!r[this[i]]) { r[this[i]] = 1 temp.push(this[i]) } } return temp } 第二种--splice删除去重 Array.prototype.unique2 = function () { for (var

  • JavaScript数组push方法使用注意事项

    js 数组的push方法,想必大家都知道是向数组末尾添加元素,但是有一个很关键的点需注意: 引自 MDN 返回值 当调用该方法时,新的 length 属性值将被返回. var sports = ["soccer", "baseball"]; var total = sports.push("football", "swimming"); console.log(sports); // ["soccer",

  • JavaScript数组reduce()方法的语法与实例解析

    前言 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. Javascript数组方法中,相比map.filter.forEach等常用的迭代方法,reduce常常被我们所忽略,今天一起来探究一下reduce在我们实战开发当中,能有哪

  • JavaScript数组reduce()方法 

    将某个值减去数组中的每个元素: var items = [5, 10, 15]; var reducer = function minus(minusSum, item) {     return minusSum - item; } var total = items.reduce(reducer, 61); console.log(total); // 31 上例中初始值为number类型,所以返回的结果也是number类型的,如果我们想返回object类型的值,也可以传入object类型的

  • JavaScript数组reduce()方法使用实例详解

    JavaScript数组reduce()方法使用实例详解

    目录 前言 1.累加和累积乘法 2.获取一个数组的最大值和最小值 3.计算数组中元素出现的频率 4.多个数组的展平 总结 前言 今天请让我详细介绍一下这个方法,希望对你有帮助. 这是 reduce 的基本用法: var arr = [1, 2, 3]; function reducer(parmar1, parmar2){ } arr.reduce(reducer) reduce是数组原型对象上的一个方法,可以帮助我们操作数组.它将另一个函数作为其参数,可以称为reducer. reducer

  • 27个JavaScript数组常见方法汇总与实例说明

    1. push() 概括:数组末位增加 参数:需要增加的数据 返回值:数组更新后的长度 let arr = [1,2,3] arr.push(1) // 返回新增后的数组长度 4 arr.push() // 不传参数默认不新增 4 arr.push(1,2,3) // 新增多条数据时,返回新增完成后的数组长度 7 2. pop() 概括:数组末位删除 参数:无 返回值:删除的数据 let arr = [3] arr.pop() // 返回已删除的数据 3 arr.pop() // 当数组数据为空

  • JavaScript数组filter方法

    目录 1.定义 2.语法 3.参数说明 4.用法 5.注意事项 6.使用实例 1.定义 filter()创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素. 2.语法 array.filter(function(currentValue,index,arr), thisValue); 3.参数说明 返回 4.用法 filter() 方法用于把Array中的某些元素过滤掉,然后返回剩下的未被过滤掉的元素. 5.注意事项 1.filter() 不会对空数组进行检测: 2.filt

随机推荐