zoukankan      html  css  js  c++  java
  • js数组对象常用方法小结

    ~~~数组添加元素后一般返回数组的新长度 如: push(ele1[,ele2...]), unshift(ele1[,ele2...]) 

    ~~~数组删除元素后一般返回被删除的元素 如: pop()  , shift()

    var colors = new Array();

    var count = colors.push("red","green","black");
    alert(count); //3  
    说明:push方法可以接收任意数量的参数,把它们逐个添加到数组末尾,并返回修改后数组的长度

    var item = colors.pop();
    alert(item);  //black
    说明:pop方法从数组末尾移除最后一项,减少数组的length值,并返回移除的

    item = colors.shift();
    alert(item); //red
    说明:shift方法移除数组中的第一项并返回该,数组长度减1。

    count = colors.unshift("yellow","pink");
    alert(count); //3
    说明:unshift方法在数组前端添加任意个项并返回新数组的长度

    ~~~~arrr.slice(startIndx[, endIndx])返回新的数组 不影响原有数组
    var colors1 = ["red","green","blue","yellow","purple"];
    var colors2 = colors1.slice(1);
    var colors3 = colors1.slice(1,4);

    alert(colors1); //red,green,blue,yellow,purple
    alert(colors2); //green,blue,yellow,purple
    alert(colors3); //green,blue,yellow
    说明:slice方法可以接受一或两个参数,即要返回项的起始和结束位置。在只有一个参数的情况下,slice方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项--但不包括结束位置的项。注意,slice方法不会影响原始数组
          如果slice方法的参数中有一个负数,则用数组长度加上该数来确定相应的位置。如,一个包含5项的数组调用slice(-2,-1)与调用slice(3,4)得到的结果相同。如果结束位置小于起始位置,则返回空数组。
    ~~~~ arr.splice(startIndx, len, rep1,rep2) len=0 有rep1...则插入 len>0无rep1,rep2参数则表示删除 len>0,rep1,rep2则表示替换
    splice --删除
    var colors = ["red","green","blue"];
    var removed = colors.splice(0,1);   //删除第一项
    alert(colors); //green,blue
    alert(removed); //red 

    splice --插入
    removed = colors.splice(1,0,"yellow","orange"); //从位置1开始插入两项
    alert(colors); //green,yellow,orange,blue
    alert(removed);  //返回空数组

    splice --替换
    removed = colors.splice(1,1,"red","purple");   //插入两项,删除一项
    alert(colors); //green,red,purple,orange,blue
    alert(removed);//yellow,返回的数组中包含的是删除的一项

    说明:splice方法有删除、插入、替换作用,返回的是删除项的值。
    有以下三种情况:
    1、splice(m,n);  从位置M开始,删除N项                                    --删除
    2、splice(m,0,n1,n2...); 从位置M开始,插入n1,n2...                   --插入
    3、splice(m,a,n1,n2...);从位置M开始,删除a项后插入n1,n2...     --替换

  • 相关阅读:
    input不可编辑
    span width无效
    react配置rem解决移动端适配问题
    iframe 根据内容自适应高度-终极解决方案
    页面导入样式时,使用link和@import有什么区别?
    怎么让Chrome支持小于12px 的文字?
    React Hook 父子组件相互调用方法
    CSS3实现毛玻璃效果
    React阻止组件渲染
    JSX 中内联条件渲染的方法
  • 原文地址:https://www.cnblogs.com/stephenykk/p/3175075.html
Copyright © 2011-2022 走看看