JS-数组的方法 - 相关文章

浅谈6种JS数组遍历方法的区别

本篇文章给大家介绍一下6种JS数组遍历方法:for.foreach.for in.for of.. each. ().each的区别.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 一.for Javascript中的for循环,它用来遍历数组 var arr = [1,2,3,4] for(var i = 0 ; i< arr.length ; i++){ console.log(arr[i]) } //1,2,3,4 九九乘法表: for ( var x = 1; x <…

再探JS数组原生方法—没想到你是这样的数组

最近作死又去做了一遍javascript-puzzlers上的44道变态题,这些题号称"JS语言专业八级"的水准,建议可以去试试,这里我不去解析这44道题了,网上已经有很多的答案了.我只介绍让我意想不到的几种特殊情况下的数组操作方法结果.关于数组原生方法的基本操作我在另一篇博客里已经做了简介:吃透Javascript数组操作的正确姿势-再读<Js高程>.....下面的输出结果,未做特殊说明是在Node环境中运行的结果. 第一题: What …

js数组push方法使用注意

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

js数组的方法小结

js中数组是一种非常常用数据结构,而且很容易模拟其他的一些数据结构,比如栈和队列.数组的原型Array.prototype内置了很多方法,下面就来小小总结一下这些方法. 检测数组就不用多说了,使用ECMAScript5新增的Array.isArray()即可转换方法 toLocaleString() toString() join() 和 valueOf() 所有对象都有toLocaleString() toString() 和 valueOf() 方法,其中调用数组的toString()方法…

js 数组清空方法汇总

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>js清空数组的方法</title> </head> <body> <script type="text/javascript"> let aa= [1,2,3,4] // 方法一 aa.splice(0) console.log(aa);…

js 数组去重方法汇总

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equiv="X-UA-Compatible"…

JS数组遍历方法

常用数组遍历方法: 1.原始for循环 var a = [1,2,3]; for(var i=0;i<a.length;i++){ console.log(a[i]); //结果依次为1,2,3 } 2.数组内置方法Array.prototype.forEach var a = [1,2,3]; a.forEach(function(value,key,arr){ console.log(value) // 结果依次为1,2,3 console.log(key) // 结尾依次为0,1,2 co…

JS进阶篇--JS数组reduce()方法详解及高级技巧

基本概念 reduce() 方法接收一个函数作为累加器(accumulator),数组中的每个值(从左到右)开始缩减,最终为一个值. reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. 语法: arr.reduce(callback,[initialValue]) callback (执行数组中每个值的函数,包含四个参数) previousValue (上…

js数组遍历方法总结

数组遍历方法 1.for循环使用临时变量,将长度缓存起来,避免重复获取数组长度,当数组较大时优化效果才会比较明显. 1 2 3 for(j = 0,len=arr.length; j < len; j++) { } 2.foreach循环遍历数组中的每一项,没有返回值,对原数组没有影响,不支持IE 1 2 3 4 5 6 //1 没有返回值 arr.forEach((item,index,array)=>{ //执行代码 }) //参数:value数组中的当前项, ind…

h5 js数组Array方法总结

重新复习数组方法. 一.首先说一下构建一个数组. 1.直接定义一个数组. var a = [1,2,3]; 2.通过Array 对象new一个数组,但Array对象根据传参的不同会返回不同的数组对象. (1) 没有参数.构建一个空数组,长度为0: (2)一个参数.构建了一个以参数为长度的数组.但是其中没有元素. 如果此时我获取第三个元素会拿到什么呢?undefined 那如果我在这个数组的下标为6的地方放一个元素,此时数组是什么样的呢?长度变为了7. (3).对Array传…

原声js数组去重方法

数组去重方法方法一 ---- 利用数组filter + indexOf方法去重方法二 ---- 利用数组forEach + indexOf方法去重方法三 ---- 利用数组from方法 + Set构造函数去重注:这种方法还无法去重空对象…

js数组去重方法分析与总结

数组去重经常被人拿来说事,虽然在工作中不常用,但他能够很好的考察js基础知识掌握的深度和广度,下面从js的不同阶段总结一下去重的方法. ES3阶段该阶段主要通过循环遍历数组从而达到去重的目的多次循环去掉重复元素 // 以下所有方法默认都那拿该数组进行测试 var array = [1, 1, '1', '1', null, null, undefined, undefined, new String('1'), new String('1'), /a/, /a/, NaN, NaN,{},{…

JS数组遍历方法集合

就让我们在逆战中成长吧,加油武汉,加油自己 1.for循环使用零时变量将长度存起来,当数组较大时优化效果才会比较明显. var ar1=[2,4,6,8] for(var i=0;i<ar1.length;i++){ console.log(i) console.log(ar1[i]) } 2.foreach循环遍历数组中每个数,没有返回值使用break不能中断循环,使用return也不能返回到外层函数 var ar1=[2,4,6,8] ar1.foreach((item,index,a…

JS 数组迭代方法

为js数组扩展方法

(function(global,undefined){ //javascript冒泡排序,直接添加到基础类型Array的原型上 Function.prototype.method = function (name, func) { //if(!this.prototype[name]){ //先判断一下是原型中否有这个方法,如果没有再添加 this.prototype[name] = this.prototype[name] || func; //} return this; }; /*Fun…

JS 数组array方法push, pop, unshift, shift, slice,splice,contact, join, sort

Array:数组对象用来在单独的变量名中存储一系列的值定义数组: 1. var arrayObj = new Array(); 2. var arrayObj = []; 赋值: 1. var myCars = new Array([size]); // 可选择入参size来控制数组容量 myCars[0] = "BMW"; MyCars[1] = "Buke"; …

JS数组Sort方法的使用

想用sort方法对数组排下序,代码如下: var nums = "12 645 6 85 81 0 9 365 4 752".split(" ").map(function(a){ return Number(a); }); console.log(nums); // 排序前 [12, 645, 6, 85, 81, 0, 9, 365, 4, 752] console.log(nums.sort()); // 排序后 [0, 12, 365, 4, 6, 645,…

JS数组reduce()方法详解及高级技巧

1.语法 arr.reduce(callback,[initialValue]) reduce 为数组中的每一个元素依次执行回调函数,不包括数组中被删除或从未被赋值的元素,接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce 的数组. callback (执行数组中每个值的函数,包含四个参数) 1.previousValue (上一次调用回调返回的值,或者是提供的初始值(initialValue)) 2.currentValue (数组中当前被处理的元素)…

Js数组去重方法总结

//方法一 var arr = [1,23,1,1,1,3,23,5,6,7,9,9,8,5]; function removeDuplicatedItem(arr) { for(var i = 0; i < arr.length-1; i++){ for(var j = i+1; j < arr.length; j++){ if(arr[i]==arr[j]){ arr.splice(j,1);//console.log(arr[j]); j--; } } } return arr; } a…

JS数组迭代方法

先说 every()和 some(),它们都用于查询数组中的项是否满足某个条件. every(): var numbers = [1,2,3,4,5,4,3,2,1]; var everyResult = numbers.every(function(item, index, array){ return (item > 2); }); alert(everyResult); //false // 传入的函数必须对每一项都返回 true 相当于 number里面的参数都>2 才返回true s…

三种常用的js数组去重方法

第一种是比较常规的方法思路: 1.构建一个新的数组存放结果 2.for循环中每次从原数组中取出一个元素,用这个元素循环与结果数组对比 3.若结果数组中没有该元素,则存到结果数组中 Array.prototype.unique1 = function(){ var res = [this[0]]; for(var i = 1; i < this.length; i++){ var repeat = false; for(var j = 0; j < res.length; j++){ if(t…

js数组的方法

arrayObject.join(separator) 将数组以separator字符为间隔转化为字符串并返回,如果不传,默认为逗号.此方法不会改变原数组 let arr = [1,2,3]; arr.join()//"1,2,3" arr.join('_')//"1_2_3" arrayObject.reverse() 将数组中的顺序进行颠倒此方法会改变原数组,且不会创建新的数组 let arr = [1,2,3]; arr.reverse(); console.…

js数组去重方法整理

1.思路:定义一个新数组,并存放原数组的第一个元素,然后将原数组的项和新数组的元素一一对比,若不同则存放在新数组中. function unique(arr){ var res = [arr[0]]; for(var i=1; i<arr.length; i++){ var repeat = false; for(var j=0; j<res.length; j++){ if(arr[i] === res[j]){ repeat = true; break; } } if(!repeat){…

js数组Array方法

1. indexOf indexOf()方法返回在该数组中第一个找到的元素位置,如果它不存在则返回-1. var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); a 结果输出:2 2.filter 1)方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素 …

js数组去重方法包括Es6（方法有很多，但是需要考虑兼容性和数据类型场景）

1.Es6提供的方法 <script type="text/javascript"> //ES6里新添加了两个方法,set(set是一种新的数据结构,它可以接收一个数组或者是类数组对象,自动去重其中的重复项目) //Array.from(类数组对象.可迭代对象转化为数组). var arr = [1, 2, 3, 2, 4, 5, 5, null, null, undefined, undefined, NaN, NaN] const item = new Set(arr)…

js数组sort方法详解

在处理数组的时候,我们有时候需要对数组进行排序,排序的方法有很多种,但是最好最快的就是利用sort方法进行快速的排序. 我们来看一个例子: var arr1 = [6, 3, 4, 1, 2, 5, 7, 3, 0, 9, 8, 10];//这里有一个数字数组 arr1.sort(function(a,b){ return a-b; }); 这种方法是升序的排法,反之, arr1.sort(function(a,b){ return b-a; }); 这样就是降序的排法.…

JS 数组克隆方法总结(不可更改原数组)

ES5 方法总结 1.slice let arr = [2,4,434,43]; let arr1= arr.slice();//let arr1 = arr.slice(0); arr[0] = 'a'; console.log(arr,arr1); // [a,4,434,43] [ 2, 4, 434, 43 ] 2. 遍历数组 Array.prototype.clone = function(){ let a=[]; for(let i=0,l=this.length;i<l;i++)…

js数组reduce()方法的使用和一些应用场景

reduce()的使用 reduce()方法为归并类方法,最常见的应用场景就是,计算数组中每一项的总和. reduce()方法会遍历数组的每一项,它接收两个参数: 第一个参数是:每次遍历都会调用的函数,而这个函数又接收四个参数,分别为:前一个值.当前项.项目的索引和数组对象, 而这个函数的返回值,会传给下一次遍历时,执行的这个方法的第一个参数. 第二个参数是:归并基础的初始值. 上面哪些参数具体怎么用呢?我们继续往下看: let arr = [1,2,3,4,5] arr.reduce((pre…

JS数组常见方法的深浅拷贝分类

一.涉及浅拷贝类方法,会改变原数组 1,pop(): 删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 undefined值.arrayObject.pop() *push():*push() 方法可把它的参数顺序添加到 arrayObject 的尾部.它直接修改 arrayObject,而不是创建一个新的数组,arrayObject.push(newelement1,newelement2,….…

js 数组去重方法总结

var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 'NaN', 0, 0, 'a', 'a', {}, {}]; /* * ES3 的方法 */ // 方法一思路:新建空数组,利用双层for循环,逐一取出传入数组的项与新数组中的每一项做对比,如果没有相同的则将该项插入新数组中,如果对比项相同则跳出当前循环回到父…

【JS-数组的方法】的更多相关文章