实现数组的方法

最新推荐文章于 2023-02-14 18:53:29 发布
最新推荐文章于 2023-02-14 18:53:29 发布
阅读量304 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhou_nj/article/details/119848469
版权

1.concat 用于拼接数组。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11, 22, 33]
        let arr2 = [44, 55, 66]
        function concat(a1, a2) {
            let a3 = []
            //循环第一个数组
            for (let i = 0; i < a1.length; i++) {
                //将第一个数组中的数据，添加给a3
                a3[i] = a1[i]
            }
            //循环第二个数组
            for (let i = 0; i < a2.length; i++) {
                //注意：数组的最后一个下标是length-1
                //如果length不减1，就是最后一个位置的下一个位置。
                a3[a3.length] = a2[i]
            }
            return a3
        }
        let arr3 = concat(arr1, arr2)
        console.log(arr3);
    </script>
</body>

</html>

2.fill 将数组中的每一位元素的值，替换成固定的值。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11, 22, 33]
        function fill(arr, val) {
            //循环数组，将数组中的每一位元素的值，替换成固定的值
            for (let i = 0; i < arr.length; i++) {
                arr[i] = val
            }
        }
        console.log(arr1);
        fill(arr1, '呵呵')
        console.log(arr1);
    </script>
</body>

</html>

3.includes 判断数组中是否存在指定的数。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11, 22, 55, 33, 44, 55, 66, 77, 88]
        function includes(arr, val) {
            //循环数组
            for (let i = 0; i < arr.length; i++) {
                //判断数组中是否存在指定的数
                if (arr[i] === val) {
                    // return关键字在返回值的同时，也就跳出了整个方法
                    return true
                }
            }
            return false
        }
        console.log(includes(arr1, 55));
        console.log(includes(arr1, 555));
    </script>
</body>

</html>

4.indexOf  判断数组中是否存在指定的数，有返回下标，没有返回-1.

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11, 22, 55, 33, 44, 55, 66, 77, 88]
        function indexOf(arr, val) {
            //循环数组
            for (let i = 0; i < arr.length; i++) {
                //判断数组中是否存在指定的数
                if (arr[i] === val) {
                    // return关键字在返回值的同时，也就跳出了整个方法
                    return i
                }
            }
            return -1
        }
        console.log(indexOf(arr1, 55));
        console.log(indexOf(arr1, 555));
    </script>
</body>

</html>

5.lastIndexOf 从后往前查询是否存在指定的数。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = [11, 22, 55, 33, 44, 55, 66, 77, 88]
        function lastIndexOf(arr, val) {
            // 反过来循环数组
            for(let i=arr.length-1;i>=0;i--){
                if(arr[i]===val){
                    return i
                }
            }
            return -1
        }
        console.log(lastIndexOf(arr1, 55));
        console.log(lastIndexOf(arr1, 555));
    </script>
</body>

</html>

6.join 用于以指定分隔符拼接。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = ['空调','冰箱','洗衣机','微波炉']
        // 注意：方法的形参，可以定义默认值
        function join(arr,split=','){
            let str = ''//定义一个字符串，用于返回结果
            for(let i=0;i<arr.length;i++){
                str += arr[i]
                //判断何时拼接分隔符
                if(i<arr.length-1){
                    str += split
                }
            }
            return str
        }
        console.log(join(arr1,'--'));
        console.log(join(arr1,''));
        console.log(join(arr1));
    </script>
</body>

</html>

7.push 在数组的最后加一位，添加新的数据。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = [11,22,33,44,55]
        function push(arr,val){
            // 在数组的最后加一位，添加新的数据
            arr[arr.length] = val
        }
        push(arr1,66)
        console.log(arr1);
    </script>
</body>

</html>

8.pop 删除最后一个元素。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = [11,22,33,44,55]
         function pop(arr){
            //获取最后一位元素
            let val = arr[arr.length-1]
            //数组的长度-1，就是删除最后一个空间
            arr.length = arr.length-1
            return val
        }
        let n1 = pop(arr1)
        // 删除后的数组
        console.log(arr1);
        // 删除的元素
        console.log(n1);
    </script>
</body>

</html>

9.unshift 在数组的第一个位置上添加一个新的元素。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = [11,22,33,44,55]
         function unshift(arr,val){
            // 从后往前循环整个数组
            for(let i=arr.length;i>0;i--){
                // 数组中的每一位数往后挪一位
                arr[i] = arr[i-1]
            }
            // 再从新设置第一位数
            arr[0] = val
        }
        unshift(arr1,66)
        console.log(arr1);
    </script>
</body>

</html>

10.shift 删除数组中第一个元素。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = [11,22,33,44,55]
         function shift(arr){
            let val = arr[0]  //获取数组中的第一位数
            // 循环数组，后面数往前挪
            for(let i=0;i<arr.length-1;i++){
                arr[i] = arr[i+1]
            }
            // 再删除最后一个
            arr.length = arr.length-1
            return val
        }
        let n2 = shift(arr1)
        console.log(arr1);
        console.log(n2);
    </script>
</body>

</html>

11.reverse 用于前后的值进行互换。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = ['a','b','c','d','e','f','g']
        function reverse(arr){
            for(let i=0;i<parseInt(arr.length/2);i++){
                // 数组中，前后的值进行互换
                let temp = arr[i]
                arr[i] = arr[arr.length-1-i]
                arr[arr.length-1-i] = temp
            }
        }
        reverse(arr1)
        console.log(arr1);
    </script>
</body>

</html>

12.slice 用于截取数组中的值，传两个参数，开始位置和结束位置。取值是开始位置到结束位置-1

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
         let arr1 = ['a','b','c','d','e','f','g']
         function slice(arr,start,end){
            //定义返回的数组
            let arr2 = []
            // 在for循环中，循环变量可以定义多个
            for(let i=start,j=0;i<end;i++,j++){
                // 将arr数组中，执行区间里面的数据，添加到arr2中
                arr2[j] = arr[i]
            }
            return arr2
        }
        let arr3 = slice(arr1,2,5)
        console.log(arr3);
    </script>
</body>

</html>

13.splice 删除一段数组中的数值，传两个参数，开始位置和截取的长度。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        let arr1 = ['a','b','c','d','e','f','g','h','i','j','k']
        function splice(arr,start,len){
            // 定义返回的数组
            let arr2 = []
            // 循环删除的部分
            for(let i=start,j=0;i<arr.length;i++,j++){
                //先将删除的部分，添加到新的数组中
                if(i<start+len){
                    arr2[j] = arr[i]
                }
                // 将删除部分后面的元素往前挪
                arr[i] = arr[i+len]
            }
            //去掉后面重复的部分
            arr.length = arr.length-len
            return arr2
        }
        console.log(arr1);
        let arr3 = splice(arr1,2,3)
        console.log(arr1);
        console.log(arr3);
    </script>
</body>

</html>

zhou_nj
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
day08 数组（一）
weixin_44982904的博客
02-17 382
1. 概念 一组连续的存储空间，存储多个数据类型相同的值，空间连续，长度固定。 2. 创建方式 先声明、再分配空间： 数据类型[] 数组名; 数组名 = new 数据类型[长度]; 声明并分配空间： 数据类型[] 数组名 = new 数据类型[长度]; 声明并赋值（繁）：数据类型[] 数组名 = new 数据类型[]{value1,value2,value3,...}; 声明并赋值（简）： 数据类型[] 数组名 = {value1,value2,value3,...}; //显示初始化，注
JS实现数组去重方法总结(六种方法)
10-19
给大家总结下JS实现数组去重方法(六种方法)，面试中也经常会遇到这个问题。文中给大家引申的还有合并数组并去重的方法，感兴趣的朋友跟随脚本之家小编一起学习吧
你知道这20个数组方法是怎么实现的吗？
m0_61643133的博客
02-14 543
join() 方法通过连接数组（或类似数组的对象）中的所有元素创建并返回一个新字符串，用逗号或指定的分隔符字符串分隔。lastIndexOf() 方法返回可以在数组中找到给定元素的最后一个索引，如果不存在，则返回 -1。fill() 方法将数组中的所有元素更改为静态值，从开始索引（默认 0）到结束索引（默认 array.length），它返回修改后的数组。
数组的底层实现
XYQ BLOG
11-11 2108
#include &lt;iostream&gt; #include &lt;stdlib.h&gt; #include &lt;string.h&gt; #define max 8 #define Elemtype int using namespace std; typedef struct { Elemtype *base; int *bounds; int dim;//数组维数 ...
创建一个数组实现一些功能
xuruhua的博客
03-28 326
1.创建一个数组，实现函数init（）初始化数组、实现empty（）清空数组、实现reverse（）函数完成数组元素的逆置。要求：自己设计函数的参数，返回值。void Init(int arr[], int sz, int s){ int i = 0; for (i = 0; i &lt; sz; i++) { arr[i] = s; }}void Print(int arr[], int sz...
数组实现
djcsch2001的专栏
03-18 509
一、数组的定义几乎所有的程序设计语言都把数组类型设定为固有类型。以抽象数据类型的形式讨论数组的定义和实现，可以让我们加深对数组类型的理解。数组的定义：ADT Array{数据对象:ji=0,...,bi-1,i=1,2,...,n;D={aj1j2...jn|n(>0)称为数组的维数,bi是数组第i维的长度,ji是数组元素的第i维下标,aj1j2...jn (-
js数组方法扩展实现数组统计函数
10-26
主要介绍了js数组方法扩展,实现数组统计函数,需要的朋友可以参考下
JS简单实现数组去重的方法分析
11-27
总的来说，JavaScript中实现数组去重有多种方式，选择哪种方法取决于具体的需求和性能要求。理解这些基本的数组操作方法，可以帮助我们更好地处理日常开发中的问题。同时，对于数组相关的其他操作，如排序、查找、...
PHP实现数组递归转义的方法
01-20
本文以实例形式讲述了PHP实现数组递归转义的方法，分享给大家供大家参考之用。具体方法如下： 主要功能代码如下： $arr = array('aaa',array(c'd,array('ef'))); function changes($arr){ foreach($arr as $k=>$v)...
javascript实现数组去重的多种方法
11-22
先说说这个实例的要求：写一个方法实现数组的去重。（要求：执行方法，传递一个数组，返回去重后的新数组，原数组不变，实现过程中只能用一层循环，双层嵌套循环也可写，只做参考）； 先给初学者解释一下什么叫数组...
用数组实现一个栈结构
热门推荐
大鱼的博客
07-21 1万+
    栈在计算机中是很常见的，栈到底是什么呢？用官方的话说栈（Stack） 类表示后进先出（LIFO）的对象堆栈。通俗的讲栈相当于是一个容器，就我们生活中而言，我们可以在容器中装东西，也可以从中取出我们想要的物品。我们可以形象地画个示意图，如下所示：     假如，我们有几个（编号为1、2、3、4、5、6、7）物品按照如图装入容器中，顺序如图所示，假如我们要取出来，顺序一定是倒着的（即：7...
数据结构之数组（C语言实现）
kang___xi的博客
08-29 6183
数组是大家很熟悉的一种数据类型，而且在我们的程序设计中也应用非常广泛。这里以抽象数据类型的形式讨论数组的定义和实现。一、数组的定义假设n维数组中含有第i维的长度为b(i)，则数组的总长度为b(0) *b(1)*...*b(n-1)，每个元素都受着n个关系的约束。在每个关系中元素a(j1,j2,...,jn) (0<=jn<=b(i)-2)都有一个直接后继元素。因此，就单个关系而言，这n个关系仍然是线
用java数组实现栈
bitcarmanlee的博客
05-30 7063
栈是一种常见的数据结构。如果用一句话来概括栈的特点，估计大部分同学都能脱口而出：后进先出，即先进来的元素保存在栈的最底部，新来的元素则在栈顶堆积，直到栈满为止；而取元素的时候，只能从栈顶取，直到栈空为止。整个过程，与摞书的过程很类似：放书的时候都是摞在最上面，取书的时候也是从最上面开始取。要想取出下面的书，就必须先将上面的书先取走。原理就讲这么多，本身也比较简单。接下来，照例是咱们的口号： tal
c语言如何实现数组,如何实现这样一个数组 ?
weixin_42134117的博客
05-22 184
该楼层疑似违规已被系统折叠隐藏此楼查看此楼#ifndef MY_CSF_H// C String函数#define MY_CSF_H 1//////////////////////////////////////////////////////////////////////////////////////////////#include#include#include#include#incl...
数组实现队列（详细）
xhl1123456789的博客
03-21 5101
我们都知道，队列是一种先进先出的数据结构，每当有人问你队列是什么，你的回答就是 "一种先进先出的数据结构",当然这样的回答也是完全没有错的，它就是一种先进先出的数据结构，为什么我们不能描述的多一点呢？更详细一点？下面我们就来详细的描述一下队列。 队列是我们学习数据结构的一种重要的结构，它能帮我们帮我们解决生活中的一些问题，例如到银行办理业务，当人多的时候就需要取号排队，这就是队列的一种应用。队列的实现可以有两种方式来实现，一是用数组，二是链表，在这里我们就来说一下数组实现的方式...
如何实现一个数组扁平化函数
前进的小申申
06-16 862
1,递归 function flattenDeep(arr){ let deepArr = [] arr.forEach(element => { if(Array.isArray(element)){ deepArr = deepArr.concat(flattenDeep(element)) }else{ ...
Java数组的简单实现
boneinegg的博客
08-11 1754
Java将数组封装为类的简单实现 public class Array { private long[] array; private int length = 0; //构造 public Array(int size) { array = new long[size]; } //插入，增加数组长度 public v...
filter方法实现数组去重 js
最新发布
03-23
要实现数组去重，可以使用filter方法结合indexOf或includes方法来实现。具体步骤如下： 1. 定义一个原始数组，包含重复的元素。 2. 使用filter方法对原始数组进行筛选，传入一个回调函数作为参数。 3. 在回调函数中...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值