”工欲善其事,必先利其器。“—孔子《论语.录灵公》
首页 > 编程 > 大批

大批

发布于2025-03-24
浏览:766

[2 数组是对象,因此它们在JS中也具有方法。

切片(开始):在新数组中提取部分数组,而无需突变原始数组。 Array

令ARR = ['a','b','c','d','e']; // USECASE:提取直到索引作为参数传递 arr.slice(2); // ['c','d','e'] // USECASE:从[第一个索引]提取到[第二个索引1]值。 arr.slice(2,4); // ['c','d']即数组的长度将是末端或4-2 = 2 // USECase:提取最后2个元素 arr.slice(-2); // ['d','e'] // USECase:提取最后一个元素。 arr.slice(-1); // ['e'] // USECASE:从索引中提取的摘录传递给最后两个元素。 arr.slice(1,-2); // ['e'] // USECASE:创建数组的浅副本 arr.slice(); //第一条 [... arr]; //第二条


剪接:突变原始阵列

//剪接:删除从索引开始的元素。突变源。大批。 //返回:删除数组的一部分 令arr = ['a','b','c','d','e']; // arr.splice(2); // ['c','d','e'] // arr; // ['a','b'] // USECASE:删除数组的最后一个元素 // arr.splice(-1); // ['e'] // arr; // ['a','b','c','d'] // USECASE:删除否元素。剪接(索引,DeleteCount) arr.splice(1,3); // ['b','c','d'] arr; // ['a','e']

let arr = ['a','b','c','d','e'];

// Usecase: Extract till index passed as argument
arr.slice(2); // [ 'c', 'd', 'e' ]

// Usecase: Extract from [first index] to [second index-1] value.
arr.slice(2,4); // [ 'c', 'd' ] i.e Length of array will be end-begin or 4-2 = 2 

// Usecase: Extract last 2 elements
arr.slice(-2); // [ 'd', 'e' ]

// Usecase: Extract the last element.
arr.slice(-1);  // [ 'e' ]  

// Usecase: Extract from index passed to leaving the last two elements.
arr.slice(1,-2);  // [ 'e' ]  

// Usecase: Create a shallow copy of an array
arr.slice(); // 1st way
[...arr]; // 2nd way

// splice: remove the elements begining from the index passed. Mutates the orig. array.
// returns: part of the removed array
let arr = ['a','b','c','d','e'];
// arr.splice(2); // [ 'c', 'd', 'e' ]
// arr; // [ 'a', 'b' ]

// Usecase: Remove last element of the array
// arr.splice(-1); // [ 'e' ]
// arr; // [ 'a', 'b', 'c', 'd' ]

// Usecase: Delete no of elements. splice(index, deleteCount)
arr.splice(1, 3); // [ 'b', 'c', 'd' ]
arr; // [ 'a', 'e' ]

CONCAT:加入两个阵列。


让ARR1 = ['a','b','c','d','e']; 令arr2 = ['f','g','h','i','j']; [... arr1,... arr2]; //第一条 arr2 = arr1.concat(arr2); //第二条
let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;
加入:加入两个阵列。


让ARR1 = ['a','b','c','d','e']; 令arr2 = ['f','g','h','i','j']; const x = arr1.concat(arr2); X.Join(' - '); //'a-b-c-d-e-f-g-h-h-i-j'

let arr1 = ['a','b','c','d','e'];
let arr2 = ['f','g','h','i','j'];

[...arr1, ...arr2];       // 1st way
arr2 = arr1.concat(arr2); // 2nd way
AT:从末尾开始计数,以索引为-1

suports方法链接。在数组,字符串

上作品

令ARR = ['a','b','c','d','e']; arr [0]; //第一条 arr.at(0); //第二条 //获取数组的最后一个元素 arr [arr.length -1]; //第一条 arr.slice(-1)[0]; //第二条 arr.at(-1); //第三条 arr.at(0); //'a' arr.at(-1); //'e'
let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;

//使用foreach方法在数组上循环。 令帐户= [2000,-300,400,-200,-500,1000,-300]; //使用for-for的阵列循环 (让帐户的钱){ 如果(钱> 0){ console.log(`存放$ {货币}`); } 别的 { console.log(`删除$ {Math.abs(nose)}`); } } // .entries():返回一个数组。 //将输出作为索引值对返回。 //第一个元素必须是索引,第二个元素必须是元素 - 值 for(让[i,Money] of account.entries()){ 如果(钱> 0){ console.log(`交易$ {i 1},存入$ {货币}`); } 别的 { console.log(`transAction $ {i 1},撤回$ {Math.abs(money)}`); } } //使用需要回调fn的foreach循环循环。 // foreach会致电回调fn,而不是我们。 // foreach将在每个迭代中将每个元素作为参数传递。 account.foreach(功能(货币){ 如果(钱> 0){ console.log(`存放$ {货币}`); } 别的 { console.log(`删除$ {Math.abs(nose)}`); } }); //迭代1:将arg1传递给cb-fn(arg1) //迭代2:将arg2传递给cb-fn(arg2) //迭代3:将arg3传递给CB-FN(arg3) // ..... // ..... // foreach将通过每个元素将每个元素,索引和数组作为参数中的每一个迭代中。参数顺序很重要,而不是这些参数的否,即第一个元素应该是当前元素,第二个元素应为索引,第三个元素应为整个数组,该数组正在循环。 //第一个元素必须是元素 - 值,第二个元素应为索引,第三个元素必须是整个数组。这就是它与array.entries()的不同之处 account.foreach(函数(钱,i,arr){ 如果(钱> 0){ console.log(`交易$ {i 1},将$ {货币}存入$ {arr}`); } 别的 { console.log(`transaction $ {i 1},从$ {arr}`)撤回$ {math.abs(money)}'); } });

何时使用和foreach:


for:当我们需要循环脱离数组时使用。

let arr = ['a','b','c','d','e'];

arr[0];    // 1st way
arr.at(0); // 2nd way

// Get the last element of the array
arr[arr.length - 1];  // 1st way
arr.slice(-1)[0];     // 2nd way
arr.at(-1);           // 3rd way

arr.at(0); // 'a'
arr.at(-1); // 'e'

版本声明 本文转载于:https://dev.to/mahf001/array-2jmn?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 如何在其容器中为DIV创建平滑的左右CSS动画?
    如何在其容器中为DIV创建平滑的左右CSS动画?
    通用CSS动画,用于左右运动 ,我们将探索创建一个通用的CSS动画,以向左和右移动DIV,从而到达其容器的边缘。该动画可以应用于具有绝对定位的任何div,无论其未知长度如何。问题:使用左直接导致瞬时消失 更加流畅的解决方案:混合转换和左 [并实现平稳的,线性的运动,我们介绍了线性的转换。这...
    编程 发布于2025-03-24
  • 对象拟合:IE和Edge中的封面失败,如何修复?
    对象拟合:IE和Edge中的封面失败,如何修复?
    To resolve this issue, we employ a clever CSS solution that solves the problem:position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%)...
    编程 发布于2025-03-24
  • HTML格式标签
    HTML格式标签
    HTML 格式化元素 **HTML Formatting is a process of formatting text for better look and feel. HTML provides us ability to format text without us...
    编程 发布于2025-03-24
  • 如何将PANDAS DataFrame列转换为DateTime格式并按日期过滤?
    如何将PANDAS DataFrame列转换为DateTime格式并按日期过滤?
    Transform Pandas DataFrame Column to DateTime FormatScenario:Data within a Pandas DataFrame often exists in various formats, including strings.使用时间数据时...
    编程 发布于2025-03-24
  • 如何在php中使用卷发发送原始帖子请求?
    如何在php中使用卷发发送原始帖子请求?
    如何使用php 创建请求来发送原始帖子请求,开始使用curl_init()开始初始化curl session。然后,配置以下选项: curlopt_url:请求 [要发送的原始数据指定内容类型,为原始的帖子请求指定身体的内容类型很重要。在这种情况下,它是文本/平原。要执行此操作,请使用包含以下标头...
    编程 发布于2025-03-24
  • 如何使用Depimal.parse()中的指数表示法中的数字?
    如何使用Depimal.parse()中的指数表示法中的数字?
    在尝试使用Decimal.parse(“ 1.2345e-02”中的指数符号表示法表示的字符串时,您可能会遇到错误。这是因为默认解析方法无法识别指数符号。 成功解析这样的字符串,您需要明确指定它代表浮点数。您可以使用numbersTyles.Float样式进行此操作,如下所示:[&& && && ...
    编程 发布于2025-03-24
  • \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    \“(1)vs.(;;):编译器优化是否消除了性能差异?\”
    答案: 在大多数现代编译器中,while(1)和(1)和(;;)之间没有性能差异。编译器: perl: 1 输入 - > 2 2 NextState(Main 2 -E:1)V-> 3 9 Leaveloop VK/2-> A 3 toterloop(next-> 8 last-> 9 ...
    编程 发布于2025-03-24
  • 如何在MySQL存储过程和函数中使用动态表名称?
    如何在MySQL存储过程和函数中使用动态表名称?
    在存储过程函数中的动态表名称在MySQL中,存储过程和函数为在数据库中执行复杂操作提供了强大的机制。但是,当使用动态表名称时,会出现某些限制。在functions 但是,将这种方法与动态表名称使用将遇到错误,因为将实际表名称替换为可变名称tableName。在此问题上使用,一项准备好的语句技术通常...
    编程 发布于2025-03-24
  • 在Ubuntu/linux上安装mysql-python时,如何修复\“ mysql_config \”错误?
    在Ubuntu/linux上安装mysql-python时,如何修复\“ mysql_config \”错误?
    mysql-python安装错误:“ mysql_config找不到”“ 由于缺少MySQL开发库而出现此错误。解决此问题,建议在Ubuntu上使用该分发的存储库。使用以下命令安装Python-MysqldB: sudo apt-get安装python-mysqldb sudo pip in...
    编程 发布于2025-03-24
  • 如何使用Python的请求和假用户代理绕过网站块?
    如何使用Python的请求和假用户代理绕过网站块?
    如何使用Python的请求模拟浏览器行为,以及伪造的用户代理提供了一个用户 - 代理标头一个有效方法是提供有效的用户式header,以提供有效的用户 - 设置,该标题可以通过browser和Acterner Systems the equestersystermery和操作系统。通过模仿像Chro...
    编程 发布于2025-03-24
  • 为什么Microsoft Visual C ++无法正确实现两台模板的实例?
    为什么Microsoft Visual C ++无法正确实现两台模板的实例?
    The Mystery of "Broken" Two-Phase Template Instantiation in Microsoft Visual C Problem Statement:Users commonly express concerns that Micro...
    编程 发布于2025-03-24
  • 您可以使用CSS在Chrome和Firefox中染色控制台输出吗?
    您可以使用CSS在Chrome和Firefox中染色控制台输出吗?
    在javascript console 中显示颜色是可以使用chrome的控制台显示彩色文本,例如红色的redors,for for for for错误消息?回答是的,可以使用CSS将颜色添加到Chrome和Firefox中的控制台显示的消息(版本31或更高版本)中。要实现这一目标,请使用以下模...
    编程 发布于2025-03-24
  • 如何在全高布局中有效地将Flexbox和垂直滚动结合在一起?
    如何在全高布局中有效地将Flexbox和垂直滚动结合在一起?
    在全高布局中集成flexbox和垂直滚动传统flexbox方法(旧属性)使用新的FlexBox properties 试图将全新的FlexBox属性应用于全高和可滚动的设计引入限制。使用高度的解决方法:0px;包装器上的元素是不可靠的,并创建了其他问题。一个鲁棒的解决方案涉及为需要垂直滚动的特定高...
    编程 发布于2025-03-24
  • 在GO中构造SQL查询时,如何安全地加入文本和值?
    在GO中构造SQL查询时,如何安全地加入文本和值?
    在go中构造文本sql查询时,在go sql queries 中,在使用conting and contement和contement consem per时,尤其是在使用integer per当per当per时,per per per当per. [&​​&&&&&&&&&&&&&&&默元组方法在...
    编程 发布于2025-03-24
  • 在Java中使用for-to-loop和迭代器进行收集遍历之间是否存在性能差异?
    在Java中使用for-to-loop和迭代器进行收集遍历之间是否存在性能差异?
    For Each Loop vs. Iterator: Efficiency in Collection TraversalIntroductionWhen traversing a collection in Java, the choice arises between using a for-...
    编程 发布于2025-03-24

免责声明: 提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发到邮箱:[email protected] 我们会第一时间内为您处理。

Copyright© 2022 湘ICP备2022001581号-3