精华内容
下载资源
问答
  • 最近一直在用js,好好研究了下js数组操作,在这里总结一下。 1、数组的创建 代码如下: var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是...
  • js数组操作函数还是非常多的,今天忽然想到来总结一下,也算是温故而知新吧。不过不会针对每个办法都进行一下总结,只是针对一些比较常用的做个备注一下。 这里总结到的 js 数组操作函数有:push,pop,join,...
  • js数组操作

    2018-09-27 19:24:37
    声明数组: /* 数组: 1、数组内可以存放任意类型的数据 2、数组元素不赋值,则为undefined 3、打印数组时,如果某个元素没有赋值,则为“” 4、访问数组范围以外的元素时,不会出现越界异常,为...

    声明数组:

    /*  
                   	 数组:  
                    1、数组内可以存放任意类型的数据  
                    2、数组元素不赋值,则为undefined  
                    3、打印数组时,如果某个元素没有赋值,则为“”  
                    4、访问数组范围以外的元素时,不会出现越界异常,为undefined  
                    5、定义的数组大小,依然可以添加更多的元素  
                */  
              
                //第一种  
                var arr = new Array();  
                arr[0] = 123  
                arr[1] = "abc";  
                arr[5] = false;  
                alert(arr[3]);//undefined  
                alert(arr);//123,abc,,,,false  
                alert(arr[10]);//undefined,不会出现越界异常  
                
                //for in 遍历,未定义的不遍历
                for(var i in arr){
                    alert(arr[i]);
                }
                  
                  
                //第二种  
                var arr2 = new Array(2);//规定了数组的长度为2  
                arr2[0] = "ddd";  
                arr2[1] = "www";  
                alert(arr2);//ddd,www  
                arr2[2] = "fff";//可以再次添加元素,定义的数组大小对此没有影响  
                alert(arr2);//ddd,www,fff  
                     
                //第三种  
                var arr3 = new Array(true,123,false);  
                alert(arr3);//true,123,false  
                  
                //第四种,推荐使用  
                var arr4 = [false,"aaa",123];  
                alert(arr4);//false,aaa,123  

    数组操作:

    插入,替换,删除。

    插入:array.splice(starti,0,值1,值2...);
    	starti: 在哪个位置插入,原来starti位置的值向后顺移
    	0:表示删除0个元素,因为插入和替换都是由删除功能拓展的。
    	值1,值2:需要插入的值
    	eg:
    	    var array=[1,2,3,4,5];
    	    array.splice(2,0,123,456);
    	    console.log(array);//1, 2, 123, 456, 3, 4, 5
    替换:array.splice(starti,n,值1,值2);
    	原理和插入的用法相同。实际是就是:在starti的位置删除n个元素,然后在这个位置插入值1,值2,就可以起到替换原来被删除的值
    	eg:
    	    var array=[1,2,3,4,5];
    	    array.splice(2,2,123,456);
    	    console.log(array);//1, 2, 123, 456, 5
    删除:array.splice(starti,n);
    	starti 指的是从哪个位置开始(不包含starti)
    	n指的是需要删除的个数
    	eg:
    	    var array=[1,2,3,4,5];
    	    array.splice(3,2);
    	    console.log(array);//1, 2, 3
    扩展:
    array.push():在数组的末尾追加新n个数据。返回新增数组的长度
    array.pop():删除数组的最后一项。返回被删除的那一项内容
    array.shift():删除数组的第一项。返回被删除的那一项内容
    array.unshift():在数组开始位置追加n个数据,返回新的数组的长度。
    array.slice(n,m):查找索引从n(包含n)开始到m(不包含m)处的参数,返回查找到的新数组。
    array.concat(arr1,arr2,..):拼接多个数组,返回拼接后的新数组。
    array.toString():把数组中数据变成一个以','为分隔符的字符串。
    array.join(params):把数组中数据变成一个以params为分隔符的字符串。
    array.reverse():返回倒过来排序的数组。
    array.sort():返回一个排过序的数组。无参数。
    array.indexof/lastIndexof:返回当前值在数据组第一次/最后一次数出现的索引位置。
    
    

    其他操作:http://www.runoob.com/jsref/jsref-obj-array.html

    展开全文
  • JS数组操作方法 splice()

    千次阅读 2019-04-02 20:23:58
    splice()主要用途是向数组中部插入项。 删除: splice(0,2)删除前两项 插入:splice(2,0,"red","green") 从位置2插入red, green 替换:splice(2,1,"red","green")删除位置2一项,然后从位置2插入red,green...

    splice()主要用途是向数组中部插入项。

    删除: splice(0,2)删除前两项

    插入:splice(2,0,"red","green")  从位置2插入red, green

    替换:splice(2,1,"red","green")删除位置2一项,然后从位置2插入red,green。

    splice方法始终会返回一个数组。

    调用该方法的数组会改变。

    展开全文
  • js 数组工具类 ArrayUtil

    2019-08-08 01:05:03
    NULL 博文链接:https://871421448.iteye.com/blog/2148014
  • 以下内容是学习JavaScript数组的时候总结的经验以及需要注意的点。 不要用 for_in 遍历数组 这是 JavaScript 初学者常见的误区。for_in 用于遍历对象中包括原型链上的所有可枚举的(enumerable)的 key,本来不是为...
  • JavaScript常用数组操作方法

    千次阅读 多人点赞 2018-11-13 09:57:18
    concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。 2、join() join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认使用’,'...

    1、concat()
    concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,仅会返回被连接数组的一个副本。
    在这里插入图片描述
    2、join()
    join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的,默认使用’,'号分割,不改变原数组。
    在这里插入图片描述
    3、push()
    push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度。末尾添加,返回的是长度,会改变原数组。
    在这里插入图片描述
    4、pop()
    pop() 方法用于删除并返回数组的最后一个元素。返回最后一个元素,会改变原数组。
    在这里插入图片描述
    5、shift()
    shift() 方法用于把数组的第一个元素从其中删除,并返回第一个元素的值。返回第一个元素,改变原数组。
    在这里插入图片描述
    6、unshift()
    unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。返回新长度,改变原数组。
    在这里插入图片描述
    7、slice()
    返回一个新的数组,包含从 start 到 end (不包括该元素)的 arrayObject 中的元素。返回选定的元素,该方法不会修改原数组。
    在这里插入图片描述
    8、splice()
    splice() 方法可删除从 index 处开始的零个或多个元素,并且用参数列表中声明的一个或多个值来替换那些被删除的元素。如果从 arrayObject 中删除了元素,则返回的是含有被删除的元素的数组。splice() 方法会直接对数组进行修改。
    在这里插入图片描述
    9、substring() 和 substr()
    相同点:如果只是写一个参数,两者的作用都一样:都是是截取字符串从当前下标以后直到字符串最后的字符串片段。
    substr(startIndex);
    substring(startIndex);
    在这里插入图片描述
    不同点:第二个参数
    substr(startIndex,lenth): 第二个参数是截取字符串的长度(从起始点截取某个长度的字符串);
    substring(startIndex, endIndex): 第二个参数是截取字符串最终的下标 (截取2个位置之间的字符串,‘含头不含尾’)。
    在这里插入图片描述
    10、sort 排序
    按照 Unicode code 位置排序,默认升序
    在这里插入图片描述
    11、reverse()
    reverse() 方法用于颠倒数组中元素的顺序。返回的是颠倒后的数组,会改变原数组。
    在这里插入图片描述
    12、indexOf 和 lastIndexOf
    都接受两个参数:查找的值、查找起始位置
    不存在,返回 -1 ;存在,返回位置。indexOf 是从前往后查找, lastIndexOf 是从后往前查找。
    indexOf
    在这里插入图片描述
    lastIndexOf
    在这里插入图片描述
    13、every
    对数组的每一项都运行给定的函数,每一项都返回 ture,则返回 true
    在这里插入图片描述
    14、some
    对数组的每一项都运行给定的函数,任意一项都返回 ture,则返回 true
    在这里插入图片描述
    15、filter
    对数组的每一项都运行给定的函数,返回 结果为 ture 的项组成的数组
    在这里插入图片描述
    16、map
    对数组的每一项都运行给定的函数,返回每次函数调用的结果组成一个新数组
    在这里插入图片描述
    17、forEach 数组遍历
    在这里插入图片描述


    ES6新增新操作数组的方法

    1、find():

    传入一个回调函数,找到数组中符合当前搜索规则的第一个元素,返回它,并且终止搜索。
    在这里插入图片描述

    2、findIndex():

    传入一个回调函数,找到数组中符合当前搜索规则的第一个元素,返回它的下标,终止搜索。
    在这里插入图片描述

    3、fill():

    用新元素替换掉数组内的元素,可以指定替换下标范围。
    在这里插入图片描述

    4、from

    将类似数组的对象(array-like object)和可遍历(iterable)的对象转为真正的数组
    在这里插入图片描述

    5、of

    用于将一组值,转换为数组。这个方法的主要目的,是弥补数组构造函数 Array() 的不足。因为参数个数的不同,会导致 Array() 的行为有差异。
    在这里插入图片描述

    6、includes

    判断数组中是否存在该元素,参数:查找的值、起始位置,可以替换 ES5 时代的 indexOf 判断方式。indexOf 判断元素是否为 NaN,会判断错误。
    在这里插入图片描述

    展开全文
  • 1、数组的创建 var arrayObj = new Array(); //创建一个数组 var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 var arrayObj = new Array([element0[, element1[, …[, ...
  • [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2、join方法, [作用] 将原有数组对象转换成1个字符串,可以用指定分隔符进行串联。 [语法] arrayObj.join(separator),separator为分隔符,默认为“,”。 [实例] ...
  • js 数组操作代码集锦

    2020-12-11 01:47:15
    js有很久了,但都没有深究过js数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵。学了之后才知道,js...
  • JavaScript数组操作详解

    2020-10-20 12:59:53
    本文主要介绍了JavaScript数组操作,具有很好的参考价值,下面跟着小编一起来看下吧
  • js数组操作常用方法

    2020-12-07 08:53:15
    今天试过json[i].remove(),json.remove(i)之后都不行,看网页的DOM对象中好像JSON数据是以数组的形式出现的,查阅了下相关JS数组操作一试果然很爽。 记录下来。 1、数组的创建 代码如下:var arrayObj = new ...
  • JS数组操作函数汇总

    万次阅读 2019-02-18 18:20:25
    数组的遍历 for: 普通版:for(let i=0; i<arr.length; i++) { } 优化版:for(let i=0,len=arr.length; i<len; i++) { } 弱化版:for(let i=0; arr[i] != null; i++) { } forEach: arr.forEach...

    数组的遍历

    for:

    普通版:for(let i=0; i<arr.length; i++) { }

    优化版:for(let i=0,len=arr.length; i<len; i++) { }

    弱化版:for(let i=0; arr[i] != null; i++) { }

    forEach: arr.forEach((e, index) => { })  性能比for要弱

    变种:Array.prototype.forEach.call(arr, (el, index) => { })  实际性能要比普通的foreach弱

    for...in...  :for(let i in arr) { }   效率最低

    for...of...:for(let i of arr) { }  性能好于forin

    map:arr.map((n) => { })  实际效率还比不上forEach

    every():数组的每一项都满足给定条件则返回true

    arr = [1, 2, 3, 4];
    arr.every((item,index,array) => {return item > 2;});  // false
    
    arr.some((item,index,array) => {return item > 2;});  //true
    
    arr.filter((item,index,array) => {return item > 2});  // [3, 4]
    arr; // [1, 2, 3, 4]
    
    arr.reduce((prev, cur, index, array) => { return prev + cur});  // 10  
    (函数返回的任何值都会作为第一个参数传给下一项)

    some():数组中只要有一项满足条件就返回true

    filter():返回满足给定条件的数据项组成的新数组,不改变原数组

    reduce():遍历数组,归并方法

     

    数组的操作

    push():向数组的末尾添加一个或多个元素,并返回新的长度

    pop():删除数组的最后一个元素,数组的长度减1,并且返回删除元素的值(数组为空时,不改变数组,并返回undefined)

    unshift():向数组的头部添加一个或多个元素,返回新的长度

    shift():删除并返回数组的第一个元素

    reverse():颠倒数组中的元素顺序

    sort():对数组元素进行排序(默认按照ASCII)

    var arr = [10,5,1000,25,1];
    arr.sort(); // [1, 10, 1000, 25, 5]   默认按照首字母顺序排
    arr.sort((a, b)=>{
        return a-b;
    });   // [1, 5, 10, 25, 1000]  从大到小排序

    concat():链接两个或多个数组

    join():把所有的元素放进一个字符串,通过指定的分隔符分割

    splice():删除元素,并向数组添加新元素

    var arr = [1, 2, 3, 4, 5, 6];
    arr.splice(2, 3); // [3, 4, 5]   删除第三个元素以后的三个数组元素
    
    arr.splice(2, 0, 7, 8);  // []   在第三个元素之前插入7和8
    arr; // [1, 2, 7, 8, 9]
    
    arr.splice(2, 3, 9, 10);  // [7, 8, 9]  删除第三个元素以后的三个数组元素,并用9和10代替
    arr;  // [1, 2, 9, 10]

    slice(start, end):从某个已有的数组返回选定的元素(没有end参数时就到数组结尾)

    indexOf(x, start)、lastIndexOf():查找数组元素的位置,参数:要查的项和起点位置索引

    展开全文
  • js数组操作学习总结

    2020-12-08 23:05:31
    shift:删除原数组第一项,并返回删除元素的值;如果数组为空则返回undefinedvar a = [1,2,3,4,5];var b = a.shift();  结果 a:[2,3,4,5] b:1 unshift:将参数添加到原数组开头,并返回数组的长度var a = [1,2,3...
  • 主要给大家汇总介绍了Javascript数组操作函数,需要的朋友可以参考下
  • 对于php,个人感觉能够熟练操作数组和字符串,基本上已经是入门了,php本身有很多操作数组和字符串的函数,今天在做一个功能时,需要用Js动态的创建门店信息,这些信息是要从后台添加的,想来想去,通过php读取数据库...
  • vue之JS数组操作

    2019-10-15 11:40:41
    原生JS数组操作 变异方法 (mutation method),顾名思义,会改变原始数组。 非变异 (non-mutating method) 方法,则不会改变原始数组。 ①末尾添加-push,会改变原始数组,返回值为数组更新后的新数组长度。代码如下 ...
  • 如果数组为空则返回undefine var a = [1,2,3,4,5]; a.pop();//a:[1, 2, 3, 4] a.pop();//a:[1, 2, 3] a.pop();//a:[1, 2] shift 删除第一项 删除原数组第一项,并返回删除元素的值;如果数组为空则返回...
  • 主要介绍了javascript数组操作总结,例如数组的创建、添加、删除、合并等操作方法,同时总结了属性和操作函数、方法等,需要的朋友可以参考下
  • 主要介绍了javascript数组操作,包括创建、元素的访问、元素删除、数组的拷贝等操作,还有其它示例,需要的朋友可以参考下

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 339,181
精华内容 135,672
关键字:

js数组操作