资讯专栏INFORMATION COLUMN

javascript:数组总结(一)

Kerr1Gan / 2380人阅读

摘要:如果数组中某一项的值为或,调用方法后,以空字符串表示。由于比较函数通过返回一个小于等于或大于的值来影响排序结果,因此减法操作就可以适当的处理所有情况。第一个参数指定起始位置第二个参数指定要删除的项数第三个以及后面的参数要插入的项删除插入替换

数组 创建数组方式 数组字面量方式
  var a = [];
  var a = [,,];(如果省略数组直接量的某个值,省略的元素将被赋予undefined值)
  a// [undefined × 2](元素个数=逗号个数)

兼容性:IE8以及更早版本中也可能会创建包含3项的数组。由于IE的实现与其他浏览器不一致,因此强烈建议不要使用上述写法

调用构造函数Array()
  var a = new Array();
  var a = new Array(10);//10代表数组的长度
  var a = new Array("10");//初始化化数组,数组长度为1      
数组读和写的方式

a[a.length-1]//访问数组最后一项

a[100] = 0//这时数组的长度为100,没有初始化的默认值为undefined

数组方法 1.栈方法(后进先出)

push()=>接收/任意数量的参数/,把它们逐渐添加到数组/末尾/,并返回修改后/数组的长度/(后进)
pop()=>数组末尾移除/最后一项/,减少数组的length值,然后返回/移除的项/(先出)

2.队列方法(先进先出)

unshift()=>接收任意数量的参数,把它们逐渐添加到数组/前端/,并返回修改后/数组的长度/(先进)
shift()=>移除数组中的/第一个项/,减少数组的length值,并返回/移除的项/(先出)

3.join()

所有元素都转化为"字符串"并连接在一起

             var a = [1,2,3];
             a.join();//"1,2,3"
             a.join("");//"123"
             a.join("-");//"1-2-3"

注意:如果不给join()方法传入任何值,或者给它传入undefined,则使用逗号作为分隔符。如果数组中某一项的值为null或undefined,调用方法后,以空字符串表示。

4.slice()

不会修改原数组,返回子数组(1个或2个参数,前闭后开[ )),获取子数组

   
    

             var a = [1,2,3,4,5];
             a.slice(0,3);//[1, 2, 3]
             a.slice(3);//[4, 5]
             a.slice(-3,-1);//[3, 4]
             a.slice(-10);//[1, 2, 3, 4, 5]
5.concat()

接收任意数量参数(参数所添加元素)基于当前数组中的所有项创建一个新数组,复制当前数组返回副本扩展原数组

        

             var a = [1,2,3];
             a.concat(4,5);//[1, 2, 3, 4, 5]
             a.concat([4,5]);//[1, 2, 3, 4, 5]
             a[1, 2, 3](a未改变)
             a.concat(4,[5,[6,7]]);//[1, 2, 3, 4, 5,[6,7]] 
           
6.sort()和reverse()

sort()

默认情况下sort()方法按升序排列数组项,sort()方法会调用每个数组项的toString()转型方法,然后比较得到的字符串,即使数组中的每一项都是数值,sort()方法比较的也是字符串。
因此sort()方法可以接收一个比较函数作为参数,以便我们指定那个位置位于那个位置前面。比较函数接收两个参数,如果第一个参数位于第二个之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数位于第二个参数之后则返回一个正数。由于比较函数通过返回一个小于0、等于0或大于0的值来影响排序结果,因此减法操作就可以适当的处理所有情况。

重排序方法(默认升序<0)==>
a.sort(function(value1,value2){return value1-value2})

      

            var a = ["ab","bc","abc"];
            a.sort()//["ab","abc","bc"];
          --------------------------------------------
            var a = [2,20,3];
            a.sort()//[2, 20, 3](20转换为字符串) 
          --------------------------------------------
            var a = ["ant","Bug","cat","Dog"];
            a.sort()//["Bug", "Dog", "ant", "cat"](大写字母排前面)
            a.sort(function(a,b){a.toLowerCase()

reverse(): 反转数组项的顺序

7.splice()

数组中插入或删除元素的通用方法,参数可1个,2个或者多个(第一个参数指定了起始位置[,第二个参数指定了应从数组中删除元素个数,后面的指定了需插入元素),返回一个由删除元素组成的数组

第一个参数指定起始位置
第二个参数指定要删除的项数
第三个以及后面的参数要插入的项

删除

             var a = [1,2,3,4,5,6,7,8];
             a.splice(4);//[5, 6, 7, 8]
             a.splice(1,1);//[2]

插入

             a//[1, 3, 4]
             a.splice(1,0,"aa","bb");
             a//[1, "aa", "bb", 3, 4];

替换

var a = [0,1,2]
a.splice(1,1,"aa");//[1]
a//[0,"aa",2]

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/85794.html

相关文章

  • JavaScript学习总结(六)数据类型和JSON格式

    摘要:并列数据的集合数组用方括号表示。第三种类型是映射,也就是一个名值对,即数据有一个名称,还有一个与之相对应的值,这又称作散列或字典,比如首都北京。中有种简单数据类型也称为基本数据类型和。数值布尔值对象和字符串值都有方法。 什么是JSON JSON:JavaScript 对象表示法(JavaScript Object Notation)。 JSON的形式是用大括号{}包围起来的项目列表...

    laznrbfe 评论0 收藏0
  • JavaScript基础总结(三)——数组总结

    摘要:关于中的数组做出了如下总结数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数访问数组通过下标的方法来访问可以获得数组长度。 关于JavaScript中的数组做出了如下总结:1、数组是用来存储一组不同类型的数据的容器。可以使用构造函数的方法和字面量的方法来声明函数;访问数组通过下标的方法来访问;arr.length可以获得数组长度。2、数组栈方法包括:...

    enda 评论0 收藏0
  • JS程序

    摘要:设计模式是以面向对象编程为基础的,的面向对象编程和传统的的面向对象编程有些差别,这让我一开始接触的时候感到十分痛苦,但是这只能靠自己慢慢积累慢慢思考。想继续了解设计模式必须要先搞懂面向对象编程,否则只会让你自己更痛苦。 JavaScript 中的构造函数 学习总结。知识只有分享才有存在的意义。 是时候替换你的 for 循环大法了~ 《小分享》JavaScript中数组的那些迭代方法~ ...

    melody_lql 评论0 收藏0
  • Javascript基础之Array数组API

    摘要:数组原型提供的方法非常之多,主要分为三种直接修改原数组原数组不变,返回新数组数组遍历方法直接修改原数组的删除一个数组中的最后的一个元素,并且返回这个元素添加一个或者多个元素到数组末尾,并且返回数组新的长度删除数组的第一个元素,并返回这个元素 Javascript数组原型提供的方法非常之多,主要分为三种: 直接修改原数组 原数组不变,返回新数组 数组遍历方法 直接修改原数组的API ...

    hsluoyz 评论0 收藏0
  • JavaScript 基础知识】篇关于 JavaScript 些知识点的总结 —— 持续更新

    摘要:中基础数据类型数据类型名称数据类型说明只有一个值,即,声明变量的初始值。只有一个值,即,表示空指针,的值是派生的值。由零或多个位字符组成只有两个值,即和该类型使用来表示整数和浮点数。中的对象其实就是一组数据和功能的集合。 JavaScript 中基础数据类型 数据类型名称 数据类型说明 Undefined 只有一个值,即 undefined ,声明变量的初始值。 Nul...

    felix0913 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<