首页 / JAVASCRIPT / 必须掌握的js中创建数组的方法详解（纯代码）

必须掌握的js中创建数组的方法详解（纯代码）

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了必须掌握的js中创建数组的方法详解（纯代码），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含7438字，纯文字阅读大概需要11分钟。

内容图文

js中创建数组的方法有很多，你知道哪些？具体看这些：

join()，push() 和pop()，shift() 和 unshift()，sort()，reverse()，concat()，slice()，splice()，indexOf() 和 lastIndexOf()（ ES5新增），forEach()（ ES5新增），map()（ ES5新增），filter()（ ES5新增），every()（ ES5新增），some()（ ES5新增），reduce() 和 reduceRight()（ ES5新增）

// 1、join(separator): 将数组的元素组起一个字符串，以separator为分隔符，省略的话则用默认用逗号为分隔符，
    // 该方法只接收一个参数：即分隔符。原数组不变
    var arr = [1, 2, 3];
    console.log(arr.join()); // 1,2,3
    console.log(arr.join("-")); // 1-2-3
    console.log(arr); // [1, 2, 3]（原数组不变）

    // 2.push(): 添加到数组末尾，返回新数组。 参数最少一个
    // pop()：数组末尾移除最后一项，返回新数组
    var arr = ["Lily", "lucy", "Tom"];
    var count = arr.push("Jack", "Sean");
    console.log(count); // 5
    console.log(arr); // ["Lily", "lucy", "Tom", "Jack", "Sean"]
    var newArr = ["Lily", "lucy", "Tom", "Jack", "Sean"]
    var item = newArr.pop();
    console.log(item); // Sean
    console.log(newArr); // ["Lily", "lucy", "Tom", "Jack"]

    // 3.shift()：删除原数组第一项，返回新数组 。 
    // unshift:将参数添加到原数组开头，返回新数组 。
    var arrSh = ["Lily", "lucy", "Tom"];
    var countSh = arrSh.unshift("Jack", "Sean");
    console.log(countSh); // 5
    console.log(arrSh); //["Jack", "Sean", "Lily", "lucy", "Tom"]
    var newArrSh = ["Jack", "Sean", "Lily", "lucy", "Tom"]
    var itemSh = newArrSh.shift();
    console.log(itemSh); // Jack
    console.log(newArrSh); // ["Sean", "Lily", "lucy", "Tom"]

    // 4.sort()：按升序排列数组项——即最小的值位于最前面，最大的值排在最后面。
    var arr1 = ["ad", "dg", "c", "b"];
    console.log(arr1.sort()); // ["ad", "b", "c", "dg"]
    arr2 = [13, 24, 51, 3];
    console.log(arr2.sort()); // [13, 24, 3, 51]
    console.log(arr2); // [13, 24, 3, 51](元数组被改变)
    // 排序
    function compare(val1, val2) {
      return val1 - val2
    }
    console.log(arr2.sort(compare)) //[3, 13, 24, 51]

    // 5.reverse()：反转数组项的顺序。
    var arrNum = [13, 24, 51, 3];
    console.log(arrNum.reverse()); //[3, 51, 24, 13]
    console.log(arrNum); //[3, 51, 24, 13](原数组改变)

    // 6.concat()  原数组没有变
    var arrC = [1, 3, 5, 7];
    var arrCopy = arrC.concat(9, [11, 13]);
    console.log(arrCopy); //[1, 3, 5, 7, 9, 11, 13]
    console.log(arrC); // [1, 3, 5, 7](原数组未被修改)

    var arrCopy2 = arrC.concat([9, [11, 13]]);
    console.log(arrCopy2); //[1, 3, 5, 7, 9, Array[2]]
    console.log(arrCopy2[5]); //[11, 13]

    // 7.slice() (原数组没变)
    // slice()：返回从原数组中指定开始下标到结束下标之间的项组成的新数组。slice()方法
    // 可以接受一或两个参数，即要返回项的起始和结束位置。
    // 在只有一个参数的情况下， slice()方法返回从该参数指定位置开始到当前数组末尾的所
    // 有项。如果有两个参数，该方法返回起始和结束位置之间的项——
    // 但不包括结束位置的项。
    var arr = [1, 3, 5, 7, 9, 11];
    var arrCopy = arr.slice(1);
    var arrCopy2 = arr.slice(1, 4);
    var arrCopy3 = arr.slice(1, -2);
    var arrCopy4 = arr.slice(-4, -1);
    console.log(arr); //[1, 3, 5, 7, 9, 11](原数组没变)
    console.log(arrCopy); //[3, 5, 7, 9, 11]
    console.log(arrCopy2); //[3, 5, 7]
    console.log(arrCopy3); //[3, 5, 7]
    console.log(arrCopy4); //[5, 7, 9]

    // 8.splice() （原数组改变了）
    // splice()：很强大的数组方法，它有很多种用法，可以实现删除、插入和替换。
    // 删除： 可以删除任意数量的项， 只需指定 2 个参数： 要删除的第一项的位置
    // 和要删除的项数。 例如， splice(0, 2) 会删除数组中的前两项。
    // 插入： 可以向指定位置插入任意数量的项， 只需提供 3 个参数： 起始位置、 
    // 0（ 要删除的项数） 和要插入的项。 例如， splice(2, 0, 4, 6)
    //  会从当前数组的位置 2 开始插入4和6。
    // 替换： 可以向指定位置插入任意数量的项， 且同时删除任意数量的项， 只需指
    // 定 3 个参数： 起始位置、 要删除的项数和要插入的任意数量的项。 
    // 插入的项数不必与删除的项数相等。 例如， splice(2, 1, 4, 6) 会删除当前
    // 数组位置 2 的项， 然后再从位置 2 开始插入4和6。
    // splice() 方法始终都会返回一个数组， 该数组中包含从原始数组中删除的项，
    //  如果没有删除任何项， 则返回一个空数组
    var arr = [1, 3, 5, 7, 9, 11];
    var arrRemoved = arr.splice(0, 2);
    console.log(arr); //[5, 7, 9, 11]
    console.log(arrRemoved); //[1, 3]
    var arrRemoved2 = arr.splice(2, 0, 4, 6);
    console.log(arr); // [5, 7, 4, 6, 9, 11]
    console.log(arrRemoved2); // []
    var arrRemoved3 = arr.splice(1, 1, 2, 4);
    console.log(arr); // [5, 2, 4, 4, 6, 9, 11]
    console.log(arrRemoved3); //[7]

    // 9、indexOf()和 lastIndexOf()
    // indexOf()：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，
    //  从数组的开头（位置 0）开始向后查找。 
    // lastIndexOf：接收两个参数：要查找的项和（可选的）表示查找起点位置的索引。其中，
    //  从数组的末尾开始向前查找。
    // 这两个方法都返回要查找的项在数组中的位置，或者在没找到的情况下返回?1。在比较第一
    // 个参数与数组中的每一项时，会使用全等操作符。
    var arr = [1, 3, 5, 7, 7, 5, 3, 1];
    console.log(arr.indexOf(5)); //2
    console.log(arr.lastIndexOf(5)); //5
    console.log(arr.indexOf(5, 2)); //2
    console.log(arr.lastIndexOf(5, 4)); //2
    console.log(arr.indexOf("5")); //-1

    // 10.forEach()：对数组进行遍历循环，对数组中的每一项运行给定函数。这个方法没有返回值。
    // 参数都是function类型，默认有传参，参数分别为：遍历的数组内容；第对应的数组索引，数组本身。
    var arr = [1, 2, 3, 4, 5];
    arr.forEach(function (x, index, a) {
      console.log(x + '|' + index + '|' + (a === arr));
    });
    //

输出为： // 1|0|true // 2|1|true // 3|2|true // 4|3|true // 5|4|true // 11.map()：指“映射”，对数组中的每一项运行给定函数，返回每次函数调用的结果组成的数组。 var arr = [1, 2, 3, 4, 5]; var arr2 = arr.map(function (item) { return item * item; }); console.log(arr2); //[1, 4, 9, 16, 25] // 12.filter()：“过滤”功能，数组中的每一项运行给定函数，返回满足过滤条件组成的数组。 var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; var arr2 = arr.filter(function (x, index) { return index % 3 === 0 || x >= 8; //index 是下标 x是每一项 }); console.log(arr2); //[1, 4, 7, 8, 9, 10] // 13.every()：判断数组中每一项都是否满足条件，只有所有项都满足条件，才会返回true。 var arr = [1, 2, 3, 4, 5]; var arr2 = arr.every(function (x) { return x < 10; }); console.log(arr2); //true var arr3 = arr.every(function (x) { return x < 3; }); console.log(arr3); // false // 14.some()：判断数组中是否存在满足条件的项，只要有一项满足条件，就会返回true。 var arr = [1, 2, 3, 4, 5]; var arr2 = arr.some(function (x) { return x < 3; }); console.log(arr2); //true var arr3 = arr.some(function (x) { return x < 1; }); console.log(arr3); // false // 15.reduce()和 reduceRight() // 这两个方法都会实现迭代数组的所有项，然后构建一个最终返回的值。reduce()方法从数组 // 的第一项开始，逐个遍历到最后。而 reduceRight()则从数组的最后一项开始，向前遍历到第一项。 // 这两个方法都接收两个参数：一个在每一项上调用的函数和（可选的）作为归并基础的初始值。 // 传给 reduce()和 reduceRight()的函数接收 4 个参数：前一个值、当前值、项的索引和数组对象。 // 这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项上，因此 // 第一个参数是数组的第一项，第二个参数就是数组的第二项。 // 下面代码用reduce()实现数组求和，数组一开始加了一个初始值10。 var values = [1, 2, 3, 4, 5]; var sum = values.reduceRight(function (prev, cur, index, array) { return prev + cur; }, 10); console.log(sum); //25 1+2+3+4+5+10=25 // 16.数组拷贝 //方法1 var a = [1, 2, 3]; var b = a.slice(); a.reverse; console.log(a); //[3,2,1] console.log(b); //[1,2,3] //方法2 var c = [4, 5, 6]; var d = c.concat(); c.reverse(); console.log(c); //[6,5,4] console.log(d); //[4,5,6] // 17.数组相等 // 先说下坑吧： // 任意两个数组相等都会返回false；[]=[];//false // 怎么办？千万不要逐项去比较，看看上面可用的方法：toString(); // 转化为字符串一次就比较完了。

JS中数组的操作实例

这样的数组如何创建

内容总结

以上是互联网集市为您收集整理的必须掌握的js中创建数组的方法详解（纯代码）全部内容，希望文章能够帮你解决必须掌握的js中创建数组的方法详解（纯代码）所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/285500.html

来源：【匿名】

【上一篇】js中原型链和作用域链的理解及this指向问题【图】【下一篇】javascript 怎么调用php方法

更多 ►

【必须掌握的js中创建数组的方法详解（纯代码）】教程文章相关的互联网学习教程文章

javaScript之数组（二）【代码】

***数组API： *栈和队伍：其实都是数组，只不过使用了不同的方法栈：一端封闭，只能从另一端进出的*数组* 何时使用栈：只能从数组一端进出结尾出入栈：入栈：arr.push(新值)； ==>arr.[arr.length]=新值；出栈：var last=arr.pop();案例：var bus=[];for(var i=0;i<5;i++){ bus.push("乘客"+i); alert(bus);}while(bus.length>0){ var cust=bus.pop(); alert(cust+...

Javascript基础知识盲点总结——数据类型和数组

一、javascript总的基本类型1.javascript中的基本类型共有五种：数字、字符串、布尔值、undefined、null其中null和undefined最大的区别在于，被赋予null的变量通常被认为是已经定义了的。2.除了以上五种基本类型外，其他的数据类型都属于对象。二、利用typeof方法查看数据类型在javascript中可以通过typeof方法来查看某个变量或值得数据类型。该方法会返回一个代表数据类型的字符串，可能返回的值包括：number,string, boolean, un...

javascript 笔试题之删除数组重复元素【代码】

笔试时紧张没写出来,静下心后发现简单的要死.<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html lang="en"><head><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"><title>删除数组重复元素</title></head><body><script>/*** 删除数组重复元素* @param array 目标数组* @return 返回去重后的数组*/function array_unique(arr) {//外层循环控制次...

JavaScript基础---一维数组转二维数组

var arr1=[1,2,3,4,5,6,7,8,9]// 方法一，用数组截取的方法 function fn(arr,n){arr=[].concat(arr)var newArr=[]while(arr.length){newArr.push(arr.splice(0,n))}return newArr}console.log(fn(arr1,2)) （注意不要改变原数组） //方法二 function fn1 (arr,n) { var newArr=[] for(var i=0;i<arr.length;i++){ //确定页数 var page=Math.floor(i/n) if(!newArr[page]){ newArr[pag...

JavaScript中的数组遍历forEach()与map()方法以及兼容写法【代码】

原文链接：https://www.cnblogs.com/jocyci/p/5508279.html 原理：高级浏览器支持forEach方法语法：forEach和map都支持2个参数：一个是回调函数（item,index,list）和上下文；forEach:用来遍历数组中的每一项；这个方法执行是没有返回值的，对原来数组也没有影响；数组中有几项，那么传递进去的匿名回调函数就需要执行几次；每一次执行匿名函数的时候，还给其传递了三个参数值：数组中的当前项item,当前项的索引index,原始数组inpu...

JavaScript数组【代码】【图】

JavaScript数组：一个对象，可以放置一组数据。 <!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title></head><body><script type="text/javascript">//字面量的方式创建数组var arr=["很好","不好","你好啊"]console.log(arr)//构造函数创建数组对象var arr1=new Array("雪梨","苹果","香蕉")console.log(arr1)//不需要固定长度，不会固定类型，可以放置任何的数据类型，也可以随意的增加大小和长度var arr2=[1,nul...

JavaScript中的数组【代码】

创建数组的两种方式var a=[]var a=new Array();数组的遍历var a=[1,2,3,4,5]; for(let i=0,len=a.length;i<len;i++){//三选一if(!a[i]) continue;//跳过null,undefinded和不存在的元素if(a[i]===undefined)continue;//跳过undefined和不存在的元素if(!(a[i] in a)) continue;//跳过不存在的元素 }数组的方法Array.join() //合并数组为字符串 Array.reverse() //将数组中元素倒序排列 Array.sort() //对数组元素进行排序 Array.conc...

JavaScript学习-js中的数组/Boolean类/字符串String类

JavaScript学习【js中的数组】 1、数组的概念：是在内存中连续储存对个有序元素的结构元素的顺序称为下标，通过下标查找对象元素。2、数组的声明：① 字面量声明：var arr1 = [];js中，同一数组，可以储存多种不同的数据类型：例如： var arr1 = [1,"2",true,{"name":"hahhah"},[1,2]]② new关键字声明： var arr2 = new Arry(参数)>>>参数可以为a.为空：声明一个，没有指定长度的数组；b.数组的length：声明一个指定长度的数组，...

JAVASCRIPT push() 将指定的数值添加到数组中【代码】

JAVASCRIPT push() 可向数组的末尾添加一个或多个元素，并返回新的长度。它是直接修改数组，而不是创建一个新的数组。push() 和 pop()使用数组提供的先进后出的功能。<!DOCTYPE html> <html> <head><title>push() 将指定的数值添加到数组中</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <body> <script type="text/javascript">var arr = new Array(3)arr[0]="河南"arr[1]="河北"arr[2]="...

JavaScript数组知识网络【代码】

JavaScript数据类型基本数据类型BooleanNullNumberStringSymbolUndefined对象数据类型ObjectBuild-in objectArrayDateRegExpmore...Array定义：JavaScript数组是内置的对象之一，它可以用一个变量来存储多个同种类型或不同类型的值。构造方法 var newArr = new Array(values);var newArr = [values]; 判断是否数组Array.isArray(arr)arr instance of Array数据结构栈(stack) 后进先出(LIFO), 操作：进栈arr.push(element), 出栈arr...

javascript中去除数组中的重复元素【代码】

1 <script type="text/javascript">2var arr = ["b" ,"a" , "a", 2, 3, 3, 2, 1, 4, {}];3 Array.prototype.unique = function(){4var ret = [];5var o = {};//这个对象在这里其实是起一个临时容器的作用，在下面的操作中，每次从数组取一个元素，然后判断以这个元素为属性名的对象是否存在于对象 6//o中，如果是第一次使用这个元素（也即还没有出现重复的情况），那肯定不存在于对象o中，所以接下来要为这个属性随便赋个值（这...

javascript-数组简单的认识【代码】【图】

一起组团（什么是数组）我们知道变量用来存储数据，一个变量只能存储一个内容。假设你想存储10个人的姓名或者存储20个人的数学成绩，就需要10个或20个变量来存储，如果需要存储更多数据，那就会变的更麻烦。我们用数组解决问题，一个数组变量可以存放多个数据。好比一个团，团里有很多人，如下我们使用数组存储5个学生成绩。数组是一个值的集合，每个值都有一个索引号，从0开始，每个索引都有一个相应的值，根据需要添加更多数值。...

JavaScript中检测数组的几种方式【代码】

检测一个对象是否为数组的方式有：Array.isArray() // true或false(es5)toString.call([]); // [object Array]arr.constructor; // Array()instanceof Array　 // true或false 兼容性写法：if(typeof Array.isArray==="undefined"){Array.isArray = function(arg){return Object.prototype.toString.call(arg)==="[object Array]"}; } 示例代码：var aArr=[1,2,3]; console.log(Array.isArray(aArr)); /...

javascript原型：写一个合并后数组去掉同类项的方【代码】【图】

<!DOCTYPE html><html><head><title>test013_Array_prototype_unique()</title></head><script type="text/javascript">Array.prototype.unique =function() {var a = {};for (var i =0; i <this.length; i++) {if (typeof a[this[i]] =="undefined")a[this[i]] =1; }this.length =0;for(var i in a)this[this.length] = i;returnthis; }; </script><script type="text/javascript">var a = [1,2,3];var b = [2,3,4...

JavaScript实现对象数组按不同字段排序

如果有一个对象数组，我们想要依据某个对象属性对数组进行排序。而传递给数组sort（）方法的比較函数要接收两个參数，即要比較的值。但是。我们须要一种方式来指明依照哪个属性来排序。要解决问题，能够定义一个函数，它接收一个属性名，然后依据这个属性名来创建一个比較函数，以下就是这个函数的定义。function createComparionFun(propertyName) {return function(object1,object2){var value1=object1[propertyName];var value...

首页 / JAVASCRIPT / 必须掌握的js中创建数组的方法详解（纯代码）

必须掌握的js中创建数组的方法详解（纯代码）

内容导读

内容图文

内容总结

内容备注

内容手机端

【必须掌握的js中创建数组的方法详解（纯代码）】教程文章相关的互联网学习教程文章

数组 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程