• 技术文章 >web前端 >js教程

    浅谈javascript中数组Array的添加/删除操作

    青灯夜游青灯夜游2021-02-19 09:50:14转载91

    相关推荐:《javascript视频教程

    javascript 数组Array(list)添加/删除

    unshift:将参数添加到原数组开头,并返回数组的长度

    pop:删除原数组最后一项,并返回删除元素的值;如果数组为空则返回undefined

    push:将参数添加到原数组末尾,并返回数组的长度

    concat:返回一个新数组,是将参数添加到原数组中构成的

    splice(start,deleteCount,val1,val2,…):从start位置开始删除deleteCount项,并从该位置起插入val1,val2,…

    reverse:将数组反序

    sort(orderfunction):按指定的参数对数组进行排序

    slice(start,end):返回从原数组中指定开始下标到结束下标之间的项组成的新数组

    详细:

    1、数组的创建

    var arrayObj = new Array(); //创建一个数组
    var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度
    var arrayObj = new Array([element0[, element1[, …[, elementN]]]]); //创建一个数组并赋值

    要说明的是,虽然第二种方法创建数组指定了长度,但实际上所有情况下数组都是变长的,也就是说即使指定了长度为5,仍然可以将元素存储在规定长度以外的,注意:这时长度会随之改变。

    2、数组的元素的访问

    var testGetArrValue=arrayObj[1]; //获取数组的元素值
     arrayObj[1]= “这是新值”; //给数组元素赋予新的值

    3、数组元素的添加

    arrayObj. push([item1 [item2 [… [itemN ]]]]);// 将一个或多个新元素添加到数组结尾,并返回数组新长度
    arrayObj.unshift([item1 [item2 [… [itemN ]]]]);// 将一个或多个新元素添加到数组开始,数组中的元素自动后移,返回数组新长度
    arrayObj.splice(insertPos,0,[item1[, item2[, … [,itemN]]]]);//将一个或多个新元素插入到数组的指定位置,插入位置的元素自动后移,返回”“。

    4、数组元素的删除

    arrayObj.pop(); //移除最后一个元素并返回该元素值
    arrayObj.shift(); //移除最前一个元素并返回该元素值,数组中元素自动前移
    arrayObj.splice(deletePos,deleteCount); //删除从指定位置deletePos开始的指定数量deleteCount的元素,数组形式返回所移除的元素

    5、数组的截取和合并

    arrayObj.slice(start, [end]); //以数组的形式返回数组的一部分,注意不包括 end 对应的元素,如果省略 end 将复制 start 之后的所有元素
    arrayObj.concat([item1[, item2[, … [,itemN]]]]); //将多个数组(也可以是字符串,或者是数组和字符串的混合)连接为一个数组,返回连接好的新的数组

    6、数组的拷贝

    arrayObj.slice(0); //返回数组的拷贝数组,注意是一个新的数组,不是指向
    arrayObj.concat(); //返回数组的拷贝数组,注意是一个新的数组,不是指向

    7、数组元素的排序

    arrayObj.reverse(); //反转元素(最前的排到最后、最后的排到最前),返回数组地址
    arrayObj.sort(); //对数组元素排序,返回数组地址

    8、数组元素的字符串化

    arrayObj.join(separator); //返回字符串,这个字符串将数组的每一个元素值连接在一起,中间用 separator 隔开。

    toLocaleString 、toString 、valueOf:可以看作是join的特殊用法,不常用

    更多编程相关知识,请访问:编程入门!!

    以上就是浅谈javascript中数组Array的添加/删除操作的详细内容,更多请关注php中文网其它相关文章!

    本文转载于:csdn,如有侵犯,请联系a@php.cn删除
    专题推荐:javascript 数组 Array list
    上一篇:js 怎么设置css不可见 下一篇:怎么解决jquery ajax失败问题
    第15期线上培训班

    相关文章推荐

    • Typescript基础类型以及与Javascript对比讲解• 介绍关于JavaScript 的事件流• 理解Javascript中的Closure(闭包)• 详细了解JavaScript中的数据类型

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网