我们在日常开发过程中,使用到原生 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. Navicat premium连不上Oracle的问题解决

    1.ORA-28547: 这是因为oci.dll版本不对.Navicat本地的OCI版本与Oracle服务器服务器不符造成的. 或者 打开Navicat premium客户端:Tool->Opt ...

  2. 0.jQuery选择器

    左边的是jQuery用法 右边是js用法 $("tag") == document.getElementsByTagName("tag"); $(". ...

  3. DataFactory使用和注意,排列组合

    DataFactory使用和注意 mysql 连接ODBC开放数据库连接(Open Database Connectivity,ODBC)驱动程序 生成数据:int不能用 Build a compos ...

  4. HihoCoder - 1048 状压DP 经典题

    hihocoder题解说的十分清晰了,这份代码就是从讲解里学习的 方案数就是不断枚举合法状态下横放竖放或两者均可 合法判断的依据是记录当前行和下一行的状态 防止重复枚举的方法是先按行后按列 递归基瞎写 ...

  5. Mock单元测试

    /// <summary> /// 普通插入 /// </summary> [Fact] public void InsertOrder_Tests() { _sqlMappe ...

  6. 隐藏入口文件的apache配置

    AllowOverride None->AllowOverride All #LoadModule rewrite_module modules/mod_rewrite.so->LoadM ...

  7. Hibernate复合主键的注解

    [转自] http://blog.csdn.net/happylee6688/article/details/17636801 最近做项目用到了Hibernate框架,采用了纯面向对象的思想,使用OR ...

  8. Python入门(2)

    变量补充 一:变量名的名称的大前提:应该能够反映出变量值所记录的状态 具体的,变量名命名规范如下: 1.变量名是由字母.数字.下划线组成 2.不能以数字开头 3.不能使用关键字命名变量名['and', ...

  9. 剑指offer——面试题15.2:判断两个整数m和n的二进制中相差多少位

    #include"iostream" using namespace std; int CountDifferentBit(int m,int n) { ,diff=m^n; wh ...

  10. PIE SDK矢量数据简单渲染

    1. 功能简介 PIE SDK对数据的符号化分为矢量数据渲染和栅格数据渲染两大类. 目前PIE SDK中针对矢量数据渲染包括简单渲染.唯一值渲染.分级渲染.自定义渲染:针对栅格数据渲染包括拉伸渲染.R ...