几种javascript数组方法的简单总结

最新推荐文章于 2023-06-30 15:00:18 发布
最新推荐文章于 2023-06-30 15:00:18 发布
阅读量537 收藏
点赞数
分类专栏： html+css+js 文章标签： javascript数组方法 javas
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010585099/article/details/9025221
版权

几种javascript数组方法的简单总结：

①  concat();合并两个数组；

格式： newArray=OldArray.concat(new element);

<!DOCUMENT HTML>

<html>

  <head>

     <meta charset="utf-8">

           <title>concat</title>

  </head>

  <body>

       <script type="text/javascript">

               varnums1=["green","red","gray"];

                     varnums2=["1","2","3"];

                    document.write(nums1+"<br/>");

                    document.write(nums2+"<br/>");

                     nums1=nums1.concat(nums2);

                     document.write(nums1);

             </script>

  </body>

</html>

输出结果：

green,red,gray
1,2,3
green,red,gray,1,2,3

 

 

②   pop()方法删除并返回数组的最后一个元素

用法：varpoped=myArray.pop();

<!DOCUMENT HTML>

<html>

  <head>

     <meta charset="utf-8">

           <title>pop()</title>

  </head>

  <body>

     <script type="text/javascript">

               var color=newArray("green","red","silver");

                    document.write(color+"<br/>");

                     var colordel=color.pop();

                     document.write(color+"<br/>");

                    document.write(colordel+"<br/>");

           </script>

  </body>

</html>

 

输出结果：

green,red,silver

green,red

silver

 

③  push()方法可在数组后添加新元素

用法：Arrayname.push(new elements);

<!DOCUMENT HTML>

<html>

<head>

      <meta charset="utf-8">

 <title>push()</title>

   </head>

   <body>

      <scripttype="text/javascript">

      varcolor=new Array("green","red","silver");

            document.write(color+"<br/>");

            color.push("black","blue");

            document.write(color+"<br/>");

 </script>

   </body>

</html>

输出结果：

green,red,silver
green,red,silver,black,blue

 

④  shift()/unshift()

shift()方法的作用是移除头部的第一个元素，并且返回被删除的元素unshift()是往头部增加元素。

用法：var return_value=Myarray.shift();

       MyArray.unshift(element1,element2….);

 

<!DOCUMENTHTML>

<html>

  <head>

   <meta charset="utf-8">

 <title>shift/unshift</title>

   </head>

   <body>

      <scripttype="text/javascript">

      varcolor=new Array("green","red","silver");

            document.write(color+"<br/>");

            var return_color=color.shift();

            document.write(color+"<br/>");

       color.unshift("black","blue");

            document.write(color+"<br/>");

</script>

</body>

</html>

 

输出结果：

green,red,silver
red,silver
black,blue,red,silver

 

⑤  slice()方法

slice()方法将数组元素复制到另一个新数组中，slice（）方法有两个参数，第一个是复制的其实元素。第二个参数是复制终止元素，且不包括该索引元素。

 

⑥  splice（）方法

splice()方法将从数组的某一位置开始移除指定数目的元素，并可以使用新元素代替这些元素。

<!DOCUMENT HTML>

<html>

   <head>

      <meta charset="utf-8">

 <title>splice</title>

   </head>

   <body>

   <scripttype="text/javascript">

      varcolor=new Array("green","red","silver");

            document.write(color+"<br/>");

            color.splice(1,1,"blue","black");

            document.write(color+"<br/>");

        

 </script>

   </body>

</html>

输出结果：

green,red,silver
green,blue,black,silver

 

欢迎各位朋友指正。

打败自己
关注
专栏目录
JavaScript 数组知识点总结
weixin_44330646的博客
03-20 1030
JavaScript 数组知识点总结
javascript数组定义的几种方法
11-29
JavaScript中的数组是一种特殊的数据结构，它能够存储一系列的值，这些值可以是任意类型，包括数字、字符串、对象等。数组在JavaScript中的定义有...无论是简单的数据存储还是复杂的结构处理，JavaScript数组都能胜任。
JavaScript中的高频函数flat拉平数组的实现
HuangJunJun的博客
07-14 307
在前端获取数据时经常会遇到需要数组中嵌套数组的情况，这个时候就需要将数组拉平得到一个完整的数组来展示数据。 let newArr = [] function flat(val) { // 递归函数newArr的创建不能放在函数中 for(let i in val) { // 判断是否为数组，如果为数组就进行递归 if(Array.isArray(val[i])){ flat(val[i]) } else {
【干货】js 数组操作合集（前端自我修养）
weixin_33895475的博客
04-12 455
前言 前端的童鞋们都知道，关于js的数据操作方法有许多，最近有时间于是整理了一下，与诸位分享。有不对的地方还请大家不吝赐教（allan_liu986@163.com）。下面开始正文： 复制代码 按照功能划分： 普通方法：直接操作数组元素（增、删、替换、转字符串） 遍历方法：对数组的遍历（for循环等） 普通方法： 1. Array.push(item, item1, item2...) 参...
js实现对深层次数组扁平化
学而不思则罔,思而不学则殆
12-23 873
实现数组扁平化
JavaScript 数组扁平化的几种方法
我是菜鸡
05-01 930
Q：什么是数组扁平化？ A：把一个多维数组变成一维数组就是数组扁平化 Q：数组扁平化有什么作用？ A：这个其实我也不知道，我也是停留在理论层面，没有什么实战经验的。**但是** 据我老师说，可以处理复杂的后台数据。你想一下，如果你接受到一个json文件，里边的数据一层一层一层又一层的洋葱一样的嵌套，那你要取用数据就是很麻烦的，所以比就需要把它扁平化处理。
js 数组拉平 简单总结
WACBG的博客
08-21 1554
第一种简单的也是常想到的 var arr=[1,2,[3,4,[5,6,7],8,[9,10],[12,33],67],11,23] var arr1=[] // 第一种 用函数封装 function lp(arr){ for(var i=0;i<arr.length;i++){ if(Array.isArray(arr[i])){ lp(arr[i])
JavaScript数组方法大全解
syzdev的博客
03-25 1717
0 前言 本文只讲解标准化方法，而不会讲解实验性方法，如at()、groupBy()、groupByMap()和toSource()。 数组中的部分方法需要提供区间范围begin/start和end，所有含有这类范围的方法，其区间都遵循左闭右开原则，如(1,4)，在数学上可以理解为[1,4)。 部分数组方法会改变原数组，这一点一定要注意。 1 是否改变原数组 1.1 改变原数组的方法 填充与复制方法：fill()、copeWithin()； 栈方法：pop()、push()； 队列方法：shift()
JavaScript ，16种常用数组方法
weixin_42125732的博客
06-30 3381
JS数组方法
JavaScript中16种数组方法
zebghfv的博客
06-08 1201
JavaScript中数组的方法 常见的数组方法： join() push()和pop() shift() 和 unshift() reserve() sort() fill() concat() slice() splice() includes() indexOf() forEach() map() every() some() reduce() 1.join()，该方法将一个数组（或一个类数组对象）的所有元素连接成一个字符串并返回这个字符串。如果数组只有一个项目，那么将返回该项目而不使用分隔符。 {
JavaScript数组方法总结
no_one_but_you的博客
11-22 378
1，数组 1.1 数组的概念 (1) 数组可以把一组相关的数据一起存放，并提供方便的访问(获取）方式。 (2) 数组是指一组数据的集合，其中的每个数据被称作元素，在数 组中可以存放任意类型的元素。数组是一种将一组数据存储在 单个变量名下的优雅方式。 1.2 创建数组 利用new创建时数组 var 数组名 = new Array() ； var arr = new Array(); // 创建一个新的空数组 利用数组字面量创建数组 //1. 使用数组字面量方式创建空的数组 var 数组名 = []； /
JavaScript数组去重的方法总结【12种方法，号称史上最全】
12-07
本文实例总结了JavaScript数组去重的方法。分享给大家供大家参考，具体如下： 数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的...
JavaScript数组去重的几种方法
10-17
本文将从几个不同的角度介绍JavaScript数组去重的方法，旨在帮助读者掌握数组去重的技巧。 首先，数组去重的核心思想可以分为两大类。一是通过遍历数组，比较数组内部元素，然后将唯一的元素添加到新的数组中；二是...
javascript数组拍平方法总结
10-18
在本文中，我们将详细探讨JavaScript中实现数组拍平的几种方法，并对其特点进行分析。 首先，我们来看一种常见的数组拍平方法——递归处理。递归处理的核心思想是通过递归调用自身函数来实现数组的逐层拆解。当我们...
5110-微信小程序健身房私教预约微信小程序+ssm（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
Fast_integration_dependencies_in_spring_boot.是一个快速_fastdep.zip
最新发布
09-15
Fast_integration_dependencies_in_spring_boot.是一个快速_fastdep
05-Python数据类型-列表的相关运算
09-15
05_Python数据类型_列表的相关运算 文章对应的 jupyter notebook 源文件，可以用来做练习。欢迎下载使用。 目录如下： Python的基础数据类型 列表运算符 赋值和深浅拷贝 赋值 浅拷贝 深拷贝 附件
python字典介绍​.docx
09-15
python字典介绍​
5062-微信小程序传染病防控宣传系统的设计与实现+springboot（源码+数据库+lun文）.zip
09-15
本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。本系统主要针对计算机相关专业的正在做毕业设计的学生和需要项目实战练习的学习者，可作为毕业设计、课程设计、期末大作业。
JavaScript数组去重方法总结
以下是几种常见的JavaScript数组去重方法： 1. 双重循环去重： 这是最基础的去重方法，使用两个嵌套的for循环。外层循环遍历原数组，内层循环对比新数组（用于存储去重后的元素）。如果找到相同的元素，就跳过当前...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值