我们在日常开发过程中,使用到原生 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=["张三","李四","王五"];
var arr2=["Tom","Jack","TM"];
arr1.concat(arr2);
结果:["张三", "李四", "王五", "Tom", "Jack", "TM"]
join()  把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。

var arr1=["张三","李四","王五"];
var arr2=arr1.join(',');
console.log(arr2);
结果: 张三,李四,王五
pop()  删除并返回数组的最后一个元素

var arr1=["张三","李四","王五"];
arr1.pop();
console.log(arr1);
结果:["张三", "李四"]
push()  向数组的末尾添加一个或更多元素,并返回新的长度。

var arr1=["张三","李四","王五"];
arr1.push("赵六");
console.log(arr1);
结果: ["张三", "李四", "王五", "赵六"]
reverse()  颠倒数组中元素的顺序。

var arr1=["张三","李四","王五"];
var arr2=arr1.reverse();
console.log(arr2);
结果: ["王五", "李四", "张三"]
shift()  删除并返回数组的第一个元素

var arr1=["张三","李四","王五"];
arr1.shift();
console.log(arr1);
结果: ["李四", "王五"]
slice()  从某个已有的数组返回选定的元素

var arr1=["张三","李四","王五"];
var arr2=arr1.slice(1,2);
console.log(arr2);
结果: ["李四"]
sort()  对数组的元素进行排序

var arr1 = [11,2,28,4,5,1];
var arr2 = arr1.sort(function(a,b){
return a-b;
})
console.log(arr2);
结果: [1, 2, 4, 5, 11, 28]
splice()  删除元素,并向数组添加新元素。

var arr1=["张三","李四","王五"];
var arr2=arr1.splice(1,1,"赵六");
console.log(arr1);
结果: ["张三", "赵六", "王五"]
toString()  把数组转换为字符串,并返回结果。

var arr1=["张三","李四","王五"];
var arr2=arr1.toString();
console.log(arr2);
结果: 张三,李四,王五
toLocaleString()  把数组转换为本地字符串,并返回结果

var arr1=["张三","李四","王五"];
var arr2=arr1.toLocaleString();
console.log(arr2);
结果: 张三,李四,王五
unshift()  向数组的开头添加一个或更多元素,并返回新的长度。

var arr1=["张三","李四","王五"];
arr1.unshift("第一个");
console.log(arr1);
结果: ["第一个", "张三", "李四", "王五"]
valueOf()  返回数组对象的原始值

var arr1=["张三","李四","王五"];
var arr2=arr1.valueOf();
console.log(arr2);
结果: ["张三", "李四", "王五"]

JavaScript数组常用操作总结的更多相关文章

  1. JavaScript数组常用操作

    前言 相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作,如$.isArray,_.some,_.find等等方法.这里无非是对原生js的数组操作多了一些包装. 这里 ...

  2. js,jQuery数组常用操作小结

    一.js中数组常用操作小结 (1) shift:删除原数组第一项,并返回删除元素的值:如果数组为空则返回undefined var a = [1,2,3,4,5]; var b = a.shift() ...

  3. Linux Shell数组常用操作详解

    Linux Shell数组常用操作详解 1数组定义: declare -a 数组名 数组名=(元素1 元素2 元素3 ) declare -a array array=( ) 数组用小括号括起,数组元 ...

  4. 数组toString()方法,数组常用操作

    int[] arr ={1,2,3,4,5}; String arrString = Arrays.toString(arr); //输出[I@7150bd4d System.out.println( ...

  5. JavaScript数组常见操作

    JavaScript数组常见操作 Tip: 右键在新标签中打开查看清晰大图 下面介绍JavaScript中的数组对象遍历.读写.排序等操作以及与数组相关的字符串处理操作 创建数组 一般使用数组字面量[ ...

  6. javascript数组常用的遍历方法

    本篇文章给大家带来的内容是关于javascript数组常用的遍历方法(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 前言 本文主要介绍数组常见遍历方法:forEach.m ...

  7. 快学Scala 第三课 (定长数组,变长数组, 数组循环, 数组转换, 数组常用操作)

    定长数组定义: val ar = new Array[Int](10) val arr = Array("aa", "bb") 定长数组赋值: arr(0) = ...

  8. java基础之数组常用操作

    常用的对数组进行的操作 1.求数组中最大值,最小值 思路:假设下标为0的元素是最大值,遍历数组,依次跟max进行比较,如果有元素比这个max还大,则把这个值赋给max.最小值同样 public cla ...

  9. JavaScript循环和数组常用操作

    while循环 语法: do while循环 语法:do{循环体}while(条件表达式); 特点:do while循环不管条件是否成立,无论如何循环体都会执行一次. 使用场合:用户输入密码,如果密码 ...

随机推荐

  1. 基于CAS的单点登录实战(1)-- 搭建cas服务器

    公司有几个系统想做SSO,然后开始研究cas.系统是Centos7 搭建CAS服务器 cas的版本比较多,先在网上搜了一下各种教程配置经验.本来想搭建最新的CAS版本,然而为了快速部署,选择了网上教程 ...

  2. php代码审计9审计反序列化漏洞

    序列化与反序列化:序列化:把对象转换为字节序列的过程称为对象的序列化反序列化:把字节序列恢复为对象的过程称为对象的反序列化 漏洞成因:反序列化对象中存在魔术方法,而且魔术方法中的代码可以被控制,漏洞根 ...

  3. JVM之类加载机制

    JVM之类加载机制 JVM类加载机制分为五个部分:加载,验证,准备,解析,初始化,下面我们就分别来看一下这五个过程. 类加载五部分 加载 加载是类加载过程中的一个阶段,这个阶段会在内存中生成一个代表这 ...

  4. 老男孩Day18作业:后台用户管理

    一.作业需求: 1.用户组的增删改查 2.用户增删该查 - 添加必须是对话框 - 删除必须是对话框 - 修改,必须显示默认值 3.比较好看的页面 二.博客地址:https://www.cnblogs. ...

  5. CSS复合选择器

    复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. 交集选择器 交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器, ...

  6. (STM32F4) Real-time Clock

    老實說Real-time Clok這項功能,我也只有在PC和手機上有見過,其他的應用產品上我也很少見到. 言歸正傳在STM32F4 RTC這項功能在IC內部就有內建,在早期的8051是如果要做RCT是 ...

  7. Linux 查看文件夹命令

    1,按照时间升序 命令:ls -lrt 详细解释:        -l use a long listing format 以长列表方式显示(详细信息方式)       -t sort by modi ...

  8. Python之freshman08 Socket

    1. Socket介绍 概念 A network socket is an endpoint of a connection across a computer network. Today, mos ...

  9. HDOJ3085 Nightmare II 双向BFS

    重构一遍就A了...但这样效率太低了...莫非都要重构???QWQ 每一秒男同志bfs3层,女同志bfs1层.注意扩展状态时,要判一下合不合法再扩展,而不是只判扩展的状态合不合法,否则有可能由非法的走 ...

  10. python-sort()/sorted()比较

    Sorting Lists sorted(iterable,key=None,reverse=False),does not mutate list, must assign result to a ...