我的编程空间,编程开发者的网络收藏夹
学习永远不晚

JavaScript操作数组的常用方法总结

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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=["张三","李四","王五"];
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操作数组的文章就介绍到这了。希望对大家的学习有所帮助,也希望大家多多支持编程网。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

JavaScript操作数组的常用方法总结

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

总结20个常见的JavaScript数组操作

JavaScript中的Array对象与其他编程语言中的数组一样,是一组数据的集合。在JavaScript中,数组里面的数据可以是不同类型的,并具有用于执行数组常见操作的方法。
2023-05-14

JavaScript数组操作总结

JavaScript中的Array对象与其他编程语言中的数组一样,是一组数据的集合。在JavaScript中,数组里面的数据可以是不同类型的,并具有用于执行数组常见操作的方法,本文整理了一些常用的,需要的可以参考一下
2022-11-13

数组常用方法总结

数组常用方法总结 一.获取数组长度1.1 使用length 二.数组转字符串2.1 Arrays是什么2.2 使用toString() 三. 数组拷贝3.1 使用 copyOf()3.2 copyOfRange() 四.
2023-08-30

19个JavaScript数组常用方法总结! 赶快收藏吧!

数组,是JavaScript中的一种数据格式,在JavaScript中经常使用。作为一名前端工程师,掌握Array的用法非常重要!

JavaScript中Object的常用方法总结

这篇文章主要为大家整理了7个JavaScript中Object的常用方法的使用,文中的示例代码讲解详细,对我们掌握JavaScript有一点的帮助,感兴趣的可以了解一下
2023-02-10

Python中常用操作字符串的函数与方法总结

例如这样一个字符串 Python,它就是几个字符:P,y,t,h,o,n,排列起来。这种排列是非常严格的,不仅仅是字符本身,而且还有顺序,换言之,如果某个字符换了,就编程一个新字符串了;如果这些字符顺序发生变化了,也成为了一个新字符串。 在
2022-06-04

12种JavaScript中最常用的数组操作整理汇总

数组是最常见的数据结构之一,我们需要绝对自信地使用它。在这里,我将列出 JavaScript 中最重要的几个数组常用操作片段,包括数组长度、替换元素、去重以及许多其他内容。

编程热搜

目录