JavaScript数组常用操作总结
我们在日常开发过程中,使用到原生 JavaScript的时候,有时候会频繁的对数组进行操作,今天我把工作以来,经常用到的有关 JavaScript数组的方法总结一下,方便日后工作的时候查找使用!
一、数组转字符串
需要将数组元素用某个字符连接成字符串。
var a=[1,2,3,4,5,6];
var b=a.join(',');
console.log(b);
结果: 1,2,3,4,5,6
二、字符串转数组
实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回
var a = "abc,abcd,aaa";
var b= a.split(",");// 在每个逗号(,)处进行分解。
console.log(b);
结果: ["abc", "abcd", "aaa"]
三、数组去重
Array.prototype.duplicateRemoval = function () {
var n = []; //一个新的临时数组
for (var i = 0; i < this.length; i++) //遍历当前数组
{
//如果当前数组的第i已经保存进了临时数组,那么跳过,
//否则把当前项push到临时数组里面
if (n.indexOf(this[i]) == -1) n.push(this[i]);
}
return n;
}
var a=[1,1,2,2,3,4,5,5,7,7];
a.duplicateRemoval();
结果: [1, 2, 3, 4, 5, 7]
Array 对象方法
| 方法 | 描述 | 备注 |
| concat() | 连接两个或更多的数组,并返回结果。 |
var arr1=["张三","李四","王五"]; |
| join() | 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 |
var arr1=["张三","李四","王五"]; |
| pop() | 删除并返回数组的最后一个元素 |
var arr1=["张三","李四","王五"]; |
| push() | 向数组的末尾添加一个或更多元素,并返回新的长度。 |
var arr1=["张三","李四","王五"]; |
| reverse() | 颠倒数组中元素的顺序。 |
var arr1=["张三","李四","王五"]; |
| shift() | 删除并返回数组的第一个元素 |
var arr1=["张三","李四","王五"]; |
| slice() | 从某个已有的数组返回选定的元素 |
var arr1=["张三","李四","王五"]; |
| sort() | 对数组的元素进行排序 |
var arr1 = [11,2,28,4,5,1]; |
| splice() | 删除元素,并向数组添加新元素。 |
var arr1=["张三","李四","王五"]; |
| toString() | 把数组转换为字符串,并返回结果。 |
var arr1=["张三","李四","王五"]; |
| toLocaleString() | 把数组转换为本地字符串,并返回结果 |
var arr1=["张三","李四","王五"]; |
| unshift() | 向数组的开头添加一个或更多元素,并返回新的长度。 |
var arr1=["张三","李四","王五"]; |
| valueOf() | 返回数组对象的原始值 |
var arr1=["张三","李四","王五"]; |
JavaScript数组常用操作总结的更多相关文章
- JavaScript数组常用操作
前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...
- js,jQuery数组常用操作小结
一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift() ...
- Linux Shell数组常用操作详解
Linux Shell数组常用操作详解 1数组定义: declare -a 数组名 数组名=(元素1 元素2 元素3 ) declare -a array array=( ) 数组用小括号括起,数组元 ...
- 数组toString()方法,数组常用操作
int[] arr ={1,2,3,4,5}; String arrString = Arrays.toString(arr); //输出[I@7150bd4d System.out.println( ...
- JavaScript数组常见操作
JavaScript数组常见操作 Tip: 右键在新标签中打开查看清晰大图 下面介绍JavaScript中的数组对象遍历.读写.排序等操作以及与数组相关的字符串处理操作 创建数组 一般使用数组字面量[ ...
- javascript数组常用的遍历方法
本篇文章给大家带来的内容是关于javascript数组常用的遍历方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 前言 本文主要介绍数组常见遍历方法:forEach.m ...
- 快学Scala 第三课 (定长数组,变长数组, 数组循环, 数组转换, 数组常用操作)
定长数组定义: val ar = new Array[Int](10) val arr = Array("aa", "bb") 定长数组赋值: arr(0) = ...
- java基础之数组常用操作
常用的对数组进行的操作 1.求数组中最大值,最小值 思路:假设下标为0的元素是最大值,遍历数组,依次跟max进行比较,如果有元素比这个max还大,则把这个值赋给max.最小值同样 public cla ...
- JavaScript循环和数组常用操作
while循环 语法: do while循环 语法:do{循环体}while(条件表达式); 特点:do while循环不管条件是否成立,无论如何循环体都会执行一次. 使用场合:用户输入密码,如果密码 ...
随机推荐
- 基于CAS的单点登录实战(1)-- 搭建cas服务器
公司有几个系统想做SSO,然后开始研究cas.系统是Centos7 搭建CAS服务器 cas的版本比较多,先在网上搜了一下各种教程配置经验.本来想搭建最新的CAS版本,然而为了快速部署,选择了网上教程 ...
- php代码审计9审计反序列化漏洞
序列化与反序列化:序列化:把对象转换为字节序列的过程称为对象的序列化反序列化:把字节序列恢复为对象的过程称为对象的反序列化 漏洞成因:反序列化对象中存在魔术方法,而且魔术方法中的代码可以被控制,漏洞根 ...
- JVM之类加载机制
JVM之类加载机制 JVM类加载机制分为五个部分:加载,验证,准备,解析,初始化,下面我们就分别来看一下这五个过程. 类加载五部分 加载 加载是类加载过程中的一个阶段,这个阶段会在内存中生成一个代表这 ...
- 老男孩Day18作业:后台用户管理
一.作业需求: 1.用户组的增删改查 2.用户增删该查 - 添加必须是对话框 - 删除必须是对话框 - 修改,必须显示默认值 3.比较好看的页面 二.博客地址:https://www.cnblogs. ...
- CSS复合选择器
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器, ...
- (STM32F4) Real-time Clock
老實說Real-time Clok這項功能,我也只有在PC和手機上有見過,其他的應用產品上我也很少見到. 言歸正傳在STM32F4 RTC這項功能在IC內部就有內建,在早期的8051是如果要做RCT是 ...
- Linux 查看文件夹命令
1,按照时间升序 命令:ls -lrt 详细解释: -l use a long listing format 以长列表方式显示(详细信息方式) -t sort by modi ...
- Python之freshman08 Socket
1. Socket介绍 概念 A network socket is an endpoint of a connection across a computer network. Today, mos ...
- HDOJ3085 Nightmare II 双向BFS
重构一遍就A了...但这样效率太低了...莫非都要重构???QWQ 每一秒男同志bfs3层,女同志bfs1层.注意扩展状态时,要判一下合不合法再扩展,而不是只判扩展的状态合不合法,否则有可能由非法的走 ...
- python-sort()/sorted()比较
Sorting Lists sorted(iterable,key=None,reverse=False),does not mutate list, must assign result to a ...