学习前端二十八天(数组方法)

一、多维数组

 const matrix = [

            [1, 2, 3],  // 0

            [4, 5, 6],  // 1

            [7, 8, 9],// 2

        ]

 console.log(matrix[1][2]);   // 6

访问矩阵数组的每个值:

 for (let v1 of matrix) {

            for (let v2 of v1) {

                console.log(v2);

            }

        };  // 1,2,3,4,5,6,7,8,9

二、转为字符串

let matrix = [

            [1, 2, 3],  // 0

            [4, 5, 6],  // 1

            [7, 8, 9]   // 2

        ];

console.log(String(matrix));  // 1,2,3,4,5,6,7,8,9

console.log(matrix.toString());  // 1,2,3,4,5,6,7,8,9

三、删改数组

 // splice 删改数组

    const arr = ["a", "b", "c", "d", "e"];

    console.log(arr.splice(1, 2)); // ['b', 'c'],第一个参数为删除开始位置,第二个参数为删除元素个数

    arr.splice(3); // 没给第二个参数表示从开始位置往后全部删除      

    arr.splice(-3, 0); // 开始位置可以是负数,删除元素个数可以为0

// 删除并增加元素

      const arr2 = ["a", "b", "c", "d", "e"];

      arr2.splice(1, 3, "xc", "xl", "xy"); // 删除指定位置的几个元素后,增加新的元素

      arr2.splice(2, 0, "dwd", "d", "dw"); // 不删元素,在指定位置新增元素

// slice 截取数组,  不会修改数组

        const arr = ["a", "b", "c", "d", "e"];

        console.log(arr.slice(1, 3)); // 取起始位置,不取终点位置。前小后大

        arr.slice(-1); // 获取最后一个元素

// slice 重要应用:复制数组

        const arr2 = arr.slice(0);

        console.log(arr2 === arr);  // false

// concat 合并数组

        const arr1 = ["a", "b", "c"];

        const arr2 = ["a", "b", "c"];

        const arr3 = ["a", "b", "c"];

        const arr4 = ["a", "b", "c"];

        const arr5 = ["a", "b", "c"];

const arrb = arr1.concat(arr3, arr4);

const arr = arr1.concat(arr2, arr3, ["vv", "ff"]); // 数组拼接,代码顺序决定显示顺序

// 复制数组

    方法一: const arrNew = arr1.concat([]);

    方法二: const arrNew = [].concat(arr1);

四、遍历函数

// 数组的遍历 forEach

        const arr = ["a", "b", "c"];

        arr.forEach((i, j, ar) => console.log(j, i, ar) );

        // 第一个变量表示元素,第二个变量表示下标索引,依次赋值,第三个参数表示数组本身

        // 根据数组元素个数,运行个数次的函数

五、在数组中搜索

1、indexOf/lastIndexOf  判断某元素在数组中是否存在

const arr = ["a", "b", "c"];

console.log(arr.indexOf('b',1)); //  从头到尾,返回元素第一次出现的下标索引,第二个参数决定起始位置

console.log(arr.lastIndexOf('c',)); // 从尾到头 ,返回元素第一次出现的下标索引,第二参数决定起始位置

console.log(arr.lastIndexOf('xc',)); // -1 不存在该元素

2、 includes(" ",pow) 判断字符串中是否包含某字符或某字符串,返回布尔值,第二个参数决定搜索的起始位置

console.log(arr.includes('a', 1)); //false

3、find(function (v, i)  返回true时中断循环;find返回中断位置时的元素

4、findIndex(function (v, i) 返回true时中断循环;返回中断位置时的下标索引

findLastIndex 同findIndex 从尾至头循环

5、filter 在数组中搜索想要的元素(所有)

const arr = ["adad", "bdwadw", "cdwad", 'bwdwdw'];

// filter 返回true时,会选中这时的元素,并继续循环,将所有满足条件的元素集合成数组返回

        let r = arr.filter((v) => (v.startsWith("b")));

        console.log(r); //['bdwadw', 'bwdwdw']

六、转换数组

1、map 对数组的每个元素都调用函数,并返回结果数组,前后个数相等

        const arr = ["adad", "bdwadw", "cdwad", 'bwdwdw'];

        let newArr = arr.map((v) => v + "个"); // 给每个元素都加上“个”并返回到一个新数组中

        console.log(newArr);

2、sort 对数组(字母,数字)排序

const arr = [1, 20, 88, 655, 2, 33];

        // 升序排列

        console.log(arr.sort((a, b) => a > b ? 1 : -1));

        // 降序排序

        console.log(arr.sort((a, b) => a < b ? 1 : -1));

        // 针对数字简便写法,升序

        console.log(arr.sort((a, b) => a - b));

        // 针对数字简便写法,降序

        console.log(arr.sort((a, b) => b - a));

        // 对单词进行排序

        const newArr = ['css', 'js', 'vue', 'html'];

        newArr.sort((a, b) => a > b ? 1 : -1);

        console.log(newArr);

3、reverse 颠倒元素顺序

const newArr = ['css', 'js', 'vue', 'html'];

console.log(newArr.reverse());  // ['html', 'vue', 'js', 'css']

4、split 通过给定的分隔符 delim 将字符串分割成一个数组

        const str = "js,css,html,vue";

        const arr1 = str.split(","); // 通过“,”将字符串分割成一个数组

        const arr2 = str.split(''); // 空分隔符,将每个字符分割为一个数组

        const arr3 = str.split('s');// 作为分隔符的元素不会返回

        console.log(arr1); //['js', 'css', 'html', 'vue']

        console.log(arr2);//['j', 's', ',', 'c', 's', 's', ',', 'h', 't', 'm', 'l', ',', 'v', 'u', 'e']

        console.log(arr3);//['j', ',c', '', ',html,vue']

5、join 将数组转成字符串,可以自定义分隔符,分隔符会返回到字符串中

        const arr = ['js', 'css', 'html', 'vue'];

        let str1 = arr.join("s");

        let str2 = arr.join("");

        let str3 = arr.join();

        console.log(str1); // jsscssshtmlsvue

        console.log(str2); // jscsshtmlvue

        console.log(str3); // js,css,html,vue

6、reduce

        // 方法第二个参数作为sum的初始值,此时函数执行的次数为数组元素的个数

        // 方法第二个参数不存在,sum的初始值为回调函数的第一个元素,此时函数执行的次数为数组元素个数-1

        // 回调函数的返回值,会直接赋值给下一个函数的sum

        // reduce方法的返回值,为最后一次回调函数的返回值

        const arr = ["a", "b", "c", "d", "e"];

        const r = arr.reduce(function (sum, v, i) {

            console.log(sum, v, i);

            return sum + 1;

        }, 0)

       console.log(r);// 5

七、判断数组

 // Array.isArray 判断一个东西是否是数组

        alert(Array.isArray({})); // false

        alert(Array.isArray([])); // true

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/578218.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

四数之和 ---- 双指针

题目链接 题目: 分析: 我们已经知道三数之和如何求取, 并去重了 三数之和 那么四数之和同理, 需要固定两个数a和b 然后用"双指针算法" , 只要两指针之和等于target-a-b即可同样对于四个数都要进行去重 代码: class Solution {public List<List<Integer>…

LM2576D2TR4-5G 3.0安15伏降压开关稳压器 PDF中文资料_参数_引脚图

LM2576D2TR4-5G 规格信息&#xff1a; 制造商:ON Semiconductor 产品种类:开关稳压器 RoHS:是 装置风格:SMD/SMT 封装 / 箱体:TO-263-5 输出电压:5 V 输出电流:3 A 输出端数量:1 Output 最大输入电压:45 V 拓扑结构:Buck 最小输入电压:7 V 开关频率:52 kHz 最小工作…

新书推荐机器学习大数据平台的构建、任务实现与数据治理

在大数据与机器学习日新月异的今天&#xff0c;构建稳定、安全、可扩展的数据平台已成为企业和研究机构的迫切需求。这本书应运而生&#xff0c;提供了详尽且实用的指南&#xff0c;帮助读者在云计算环境中构建、优化和治理大数据平台。 作者以清晰明了的写作风格&#xff0c;…

最小费用流相位解包裹

% test_cunwrap.m % % Matlab script to test Costantinis unwrapping % Author: Bruno Luong <brunoluong@yahoo.com> % History: % Orginal: 27-Aug-2009clear all; close all; clc; I1=double(imread(E:\zhenlmailcom-E8E745\华为家庭存储\.public_files\博士阶段\小…

与Apollo共创生态:我和Apollo七周年大会的心路历程

一、写在前面 前几天观看了Apollo七周年大会&#xff0c;给我带来了超多的惊喜&#xff0c;博主想将这份惊喜分享给大家&#xff01; 二、Apollo开放平台 Apollo开放平台秉承其核心理念——开放能力、共享资源、加速创新、持续共赢&#xff0c;致力于推动自动驾驶技术的革新…

MySQL recursive 递归

MySQL 从最内的select开始执行&#xff0c;但是同一个select clause可以在查询的结果上继续查询。 SELECT menu_id,parent_id,(SELECT m1.parent_id FROM sys_menu AS m1 WHERE m1.menu_idm.parent_id) FROM sys_menu AS m WHERE m.menu_id 89 方案1.通过recursive递归 使用…

R基本的数据管理

一&#xff0c;创建变量 创建一个数据框 > myData<-data.frame(x1c(1,2,3,4,5,6),x2c(6,5,67,8,9,0)) > myDatax1 x2 1 1 6 2 2 5 3 3 67 4 4 8 5 5 9 6 6 0增加一列为两者的和 > myData$sum<-myData$x1myData$x2 > myDatax1 x2 sum 1 1 6 …

创建electron,解决包清理的问题,解决镜像源卡住下载时间长

我的电脑用户名是Anyphasy,我的node.js安装在D:\developp\nodejss18.18.0 使用npm config get prefix查看node.js安装路径 npm config get prefix 创建electron 创建package.json文件,它里面记载了你的electron版本,项目描述,以及启动命令等信息 npm init -y 先查看你自己的…

OpenCV直方图计算

返回:OpenCV系列文章目录&#xff08;持续更新中......&#xff09; 上一篇&#xff1a;OpenCV实现直方图均衡 下一篇 :OpenCV系列文章目录&#xff08;持续更新中......&#xff09; 在本教程中&#xff0c;您将学习如何&#xff1a; 使用 OpenCV 函数 cv::split 将图像划分…

羊大师分析,羊奶相伴五一畅享自然时光

羊大师分析&#xff0c;羊奶相伴五一畅享自然时光 羊奶相伴&#xff0c;五一畅享自然时光&#xff0c;这是一句富有诗意和生活气息的语句。羊奶&#xff0c;作为一种营养丰富、易于消化的饮品&#xff0c;不仅为人们提供了优质的蛋白质、矿物质和维生素&#xff0c;还因其独特…

Android之Fragment简介和使用实例(1)

动态添加Fragment 上面我们已经通过XML方式成功将fragment嵌入到Activity中(这种嵌入方式我们称为静态添加)&#xff0c;但这种添加方式依然不够灵活.于是Android提供了另一种更加灵活的添加方式&#xff0c;也是我们日常开发中用的最多的一种添加方式----动态添加。 动态添加…

ASM字节码操作库---入门环境搭建

文章目录 概述环境配置demo尝鲜源码地址 概述 ASM是一个操作字节码的类库&#xff0c;提到字节码&#xff0c;很多人想到的首先是JAVA字节码。其实Kotlin,Groovy等语言也会生成字节码&#xff0c;并且和Java的字节码一样&#xff0c;都能被虚拟机识别执行&#xff0c;这就意味…

MATLAB无法识别汉字的问题解决方案

试了100种方法&#xff0c;都是不行。 期待的结果 应该是这样式的&#xff1a; feature(‘locale’) ans 包含以下字段的 struct: ctype: zh_CN.UTF-8collate: zh_CN.UTF-8time: zh_CN.UTF-8numeric: en_US_POSIX.UTF-8monetary: zh_CN.UTF-8messages: zh_CN.UTF-8encoding…

行为学学习记忆实验和抗焦虑实验两款硬件

安徽耀坤XWX-BM八臂迷宫实验&#xff08;Eight-arm Maze Test&#xff0c;RMT&#xff09;由八个完全相同的臂组成&#xff0c;这些臂从一个中央平台放射出来&#xff0c;所以又被称为放射迷宫。其基本方式是&#xff1a;训练动物受食物的驱使对迷宫的各臂进行探究&#xff0c;…

golang反射

go反射 反射基本介绍应用场景基本使用结构体注意练习最佳实践遍历结构体的方法&#xff0c;调用接头体的方法&#xff0c;获取结构体的标签 反射 基本介绍 反射可以在运行时动态获取变量的各种信息&#xff0c;比如变量的类型(type)、类别(kind)如果是结构体变量&#xff0c;…

【学习笔记二十九】EWM较特殊的业务场景

一、供应商寄售业务相关 1.创建寄售物料、寄售信息记录以及寄售的采购订单 2.创建交货单 3.维护入库交货 行项目里存在C寄售的标识 4.创建上架的仓库任务并确定 查看仓位库存&#xff0c;发现仓位库存里存在寄售标识C以及寄售库存所有方 5.寄售转自有 ①首先MIGO里进行寄…

Linux 权限与软件包管理器 yum

一. 研究Linux默认权限 目录 &#xff0c;起始权限&#xff1a;777 普通文件&#xff0c;起始权限666 Linux系统中存在权限掩码 使用umask指令也可以改变掩码 如果将掩码改为0000 我们可以看到权限发生改变&#xff08;重新设置掩码&#xff09; 最终权限起始权限 去掉 权限…

0426_C高级4

练习1&#xff1a; 输入一个数字&#xff0c;实现数字逆置&#xff08;不使用字符串截取方式&#xff09; 1 #!/bin/bash2 read -p "输入一个数字&#xff1a;" number3 p$number4 result5 while [ $p -ne 0 ]6 do7 result$((result*10p%10))8 p$((p/10))9 …

Python基础10-使用正则表达式进行文本处理

在编程过程中&#xff0c;我们经常需要对文本进行处理&#xff0c;以提取、替换或分割特定的字符串。正则表达式&#xff08;Regular Expression&#xff09;是一种强大的文本处理工具&#xff0c;它可以帮助我们实现这些任务。以下是使用正则表达式进行文本处理的一些基本方法…

react-lib 读取本地模板创建PDF

读取本地文件和读取远程的一样&#xff0c;都使用fetch去获取 async function modifyPdf() {let url ./template.pdflet existingPdfBytes await fetch(url).then(res > res.arrayBuffer()) // 这里也有问题要转一下const d new Uint8Array(existingPdfBytes)const pdfDo…
最新文章