优秀的编程知识分享平台

网站首页 > 技术文章 正文

javascript中数组的使用(javascript数组操作)

nanyue 2024-09-08 06:00:22 技术文章 4 ℃

数组作为javascript中的一种数据类型是很重要的,当然它是对象。本文简单介绍下javascript中数组的相关知识和使用。

JavaScript数组是指将多个数据对象编码存储、提供一致的存取方式的集合 。

作为一种弱类型的语言,JavaScript的数组元素的数据类型可以不相同,这一点与其它程序语言是不同的。

本文只研究javascript数组常用的方法,javascript常用方法列表:

数组的创建有几种方式:

  • 创建一个空数组

    语法为:var Obj = new Array();

  • 通过指定数组长度创建数组

    语法为:var Obj = new Array( Size );

  • 通过指定数组元素创建数组

    语法为:var Obj = new Array( 元素1, 元素2, …, 元素N );

  • 直接创建数组

    语法为:var Obj = [ 元素1, 元素2, 元素3, …, 元素N ];

数组的读取,语法为:

  • 数组名[下标索引];
    注意下标索引是从0开始的

数组元素的添加,有以下几种情况:

  • 向数组的末尾添加元素

    使用push,语法为:

    数组名.push( [ 元素1, [ 元素2, […, [元素N ] ] ] ] );

  • 向数组的开头添加元素

    使用unshift,语法为:

    数组名.unshift( [元素1, [ 元素2, [ 元素3, […, [元素N ] ] ] ] ] );

  • 向数组某个位置添加元素

    使用splice,语法为:

    数组名. splice( start, deleteCount, [ item1 [, item2 [ , . . . [ , itemN ] ] ] ] );
    上述方法可以实现删除、替换或插入数组元素 ,这里要实现插入只需要将deleteCount设置为0即可。start为插入元素的位置,item为待插入的元素
    也可以使用“[]”运算符指定一个新下标来添加新元素,新元素添加到指定的下标处。如果指定的下标超过数组的长度,数组将被扩展为新下标指定的长度。

数组元素的删除,有以下几种情况:

  • 删除末尾的元素
    使用pop,语法为:

    数组名.pop();
    与delete方法不同,pop方法删除最后一个元素后还将其返回

  • 删除开头的元素
    使用shift,语法为:
    数组名.shift( );
    移除数组的第一个元素并将其返回。该方法执行后数组剩下的元素向前移动,下标索引号重新调整从0开始按顺序赋予所有元素

  • 删除指定位置的元素(1个或多个)
    删除指定位置的一个元素使用delete,语法为:
    delete 数组名[下标];

    删除指定位置的多个元素,使用splice,语法为:
    数组名. splice( start, deleteCount, [ item1 [, item2 [ , . . . [ , itemN ] ] ] ] );
    上述方法可以实现删除、替换或插入数组元素 ,这里要实现删除需要将item省略。start为删除元素的位置,deleteCount为删除元素的个数

数组元素的替换

  • 使用splice,语法为:
    数组名. splice( start, deleteCount, [ item1 [, item2 [ , . . . [ , itemN ] ] ] ] );
    start:必选项,表示从数组中剪切的起始位置下标索引号。
    deleteCount:必选项,表示将从数组中切取的元素的个数。
    item:可选项,表示切取时插入原数组切入点开始处的一个或多个元素,要求为有效的JavaScript

  • 也可以使用“[]”运算符来直接对制定位置的元素进行赋值,实现替换

数组的其他操作:

  • 将数组转换为字符串
    使用toString,语法为:

    对象名.toString( [radix] );
    radix为可选项参数,表示进制。当对象是数字对象时,该参数起作用。对象名是数组对象变量名,方法执行后各元素以“,”隔开按顺序加入字符串中 。

  • 将数组元素连接成字符串
    使用join,语法为:
    数组名.join(分隔符);
    分隔符:必选项,是一个字符串对象,作为各元素间的分隔字符串。

  • 添加元素并生成新数组
    使用concat,语法为:
    数组名.concat( [ item1, [ item2, [ item3 , […, [ itemN ] ] ] ] ] );
    item:可选项,要连接到“数组名”引用的数组末尾的其它项目。可以是数组对象也可以是单个数组元素,或者是其它JavaScript对象。

  • 颠倒数组元素的顺序
    使用reverse,语法为:
    数组名.reverse( );
    可以将一个Array对象中所有元素的次序反转,然后返回元素顺序反转后的Array对象的引用。

  • 对数组元素进行排序
    使用sort,语法为:
    数组名.sort( [ sortfunction ] );
    可以将一个数组中的所有元素排序。执行时先将调用该方法的数组中的元素按用户指定的方法进行排序,排序后的所有元素构成一个新数组并返回之。
    sortfunction:可选项。用来确定元素顺序的函数的名称。如果这个参数被省略,那么元素将按照ASCII字符顺序进行升序排列。

javascript常用知识总结:

一些常用javascript代码示例:

本文简单介绍了javascript中数组的相关知识和用法,在实际的项目中应用较多。

最近发表
标签列表