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

大批

发布于2025-01-18
浏览:933

Array

方法是可以在对象上调用的 fns
数组是对象,因此在JS中它们也有方法。

slice(begin):将数组的一部分提取到新数组中,而不改变原始数组。

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
// 用例:从 [第一个索引] 提取到 [第二个索引-1] 值。 arr.slice(2,4); //

即数组长度为 end-begin 或 4-2 = 2 // 用例:提取最后 2 个元素 arr.slice(-2); //

// 用例:提取最后一个元素。 arr.slice(-1); // ['e'] // 用例:从传递到最后两个元素的索引中提取。 arr.slice(1,-2); // ['e'] // 用例:创建数组的浅表副本 arr.slice(); // 第一种方式 [...ar]; //第二种方式
// 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' ]
splice:改变原始数组

// splice:删除从传递的索引开始的元素。改变原点。大批。 // 返回:被删除数组的一部分 让 arr = ['a','b','c','d','e']; // arr.splice(2); //

// 到达; //
// 用例:删除数组的最后一个元素 // arr.splice(-1); // ['e'] // 到达; //

// 用例:删除任何元素。拼接(索引,删除计数) arr.splice(1, 3); //
let arr = ['a','b','c','d','e'];
let arr2 = arr.reverse();
arr;
arr2;

反向:改变原始数组。


返回:反转数组

// 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' ]
let arr = ['a','b','c','d','e']; 让 arr2 = arr.reverse(); 到达; arr2;

concat:连接两个数组。


返回:连接数组

// 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' ]
let arr1 = ['a','b','c','d','e']; 让 arr2 = ['f','g','h','i','j']; [...arr1,...arr2]; // 第一种方式 arr2 = arr1.concat(arr2); //第二种方式

join:连接两个数组。

返回:连接数组


let 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-i-j'
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'
“随着时间的推移,你会根据它们的用法记住它们。”


at:从末尾开始计数,从索引为-1开始

// Looping over array using forEach method.
let account = [2000,-300, 400, -200, -500,  1000, -300];

// Loop over an array using for-of
for(let money of account){
  if(money > 0){
    console.log(`Deposited ${money}`);
  } else {
    console.log(`Withdrawn ${Math.abs(money)}`);
  }
}

// .entries(): returns an array of arrays.
// return the output as index-value pair.
// first element must be index, second element must be element-value
for(let [i,money] of account.entries()){
  if(money > 0){
    console.log(`Transaction ${i 1}, Deposited ${money}`);
  } else {
    console.log(`Transaction ${i 1}, Withdrawn ${Math.abs(money)}`);
  }
}

// Loop over an array using forEach which requires a callback fn.
// forEach will call the callback fn, and not we.
// forEach will pass each element as argument in every iteration.
account.forEach(function(money){
  if(money > 0){
    console.log(`Deposited ${money}`);
  } else {
    console.log(`Withdrawn ${Math.abs(money)}`);
  }
});
// Iteration 1: pass arg1 to CB-fn(arg1)
// Iteration 2: pass arg2 to CB-fn(arg2)
// Iteration 3: pass arg3 to CB-fn(arg3)
// .....
// .....


// forEach will pass each element, index, array as argument in every iteration. Order of arguments matter, not the no of these arguments i.e first element should be the current-Element, second element should be index, third element should be entire array which is being looped-over.
// first element must be element-value, second element should be index, third element must be entire array. This is how its different from array.entries()
account.forEach(function(money, i, arr){
  if(money > 0){
    console.log(`Transaction ${i 1}, Deposited ${money} into ${arr}`);
  } else {
    console.log(`Transaction ${i 1}, Withdrawn ${Math.abs(money)} from ${arr}`);
  }
});

let 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); // '一个' arr.at(-1); // 'e'


对于每个:

// 使用 forEach 方法循环数组。 让帐户 = [2000,-300, 400, -200, -500, 1000, -300]; // 使用 for-of 循​​环数组 for(让账户资金){ 如果(钱> 0){ console.log(`已存入 ${money}`); } 别的 { console.log(`提现${Math.abs(money)}`); } } // .entries():返回数组的数组。 // 将输出作为索引值对返回。 // 第一个元素必须是索引,第二个元素必须是元素值 for(let [i,money] of account.entries()){ 如果(钱> 0){ console.log(`交易${i 1},已存入${money}`); } 别的 { console.log(`交易${i 1},提现${Math.abs(money)}`); } } // 使用 forEach 循环数组,这需要回调 fn。 // forEach 会调用回调函数 fn,而不是我们。 // forEach 将在每次迭代中将每个元素作为参数传递。 account.forEach(函数(钱){ 如果(钱> 0){ console.log(`已存入 ${money}`); } 别的 { console.log(`提现${Math.abs(money)}`); } }); // 迭代 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},将${money}存入${arr}`); } 别的 { console.log(`交易${i 1},从${arr}中提取${Math.abs(money)}`); } }); 何时使用 for-of 和 forEach:

ArrayforEach:无法突破它。 continue-break 在其中不起作用。总是会遍历整个数组,并且无法阻止它。

for-of:当我们需要循环出数组时使用。


“当你练习得越来越多时,你的技能就会变得更好。”

版本声明 本文转载于:https://dev.to/mahf001/array-2jmn?1如有侵犯,请联系[email protected]删除
最新教程 更多>
  • 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-01-18
  • Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta 中的列偏移发生了什么?
    Bootstrap 4 Beta:列偏移的删除和恢复Bootstrap 4 在其 Beta 1 版本中引入了重大更改柱子偏移了。然而,随着 Beta 2 的后续发布,这些变化已经逆转。从 offset-md-* 到 ml-auto在 Bootstrap 4 Beta 1 中, offset-md-*...
    编程 发布于2025-01-18
  • 尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    尽管代码有效,为什么 POST 请求无法捕获 PHP 中的输入?
    解决 PHP 中的 POST 请求故障在提供的代码片段中:action=''而不是:action="<?php echo $_SERVER['PHP_SELF'];?>";?>"检查 $_POST数组:表单提交后使用 var_dump 检查 $_POST 数...
    编程 发布于2025-01-18
  • 插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入数据时如何修复“常规错误:2006 MySQL 服务器已消失”?
    插入记录时如何解决“一般错误:2006 MySQL 服务器已消失”介绍:将数据插入 MySQL 数据库有时会导致错误“一般错误:2006 MySQL 服务器已消失”。当与服务器的连接丢失时会出现此错误,通常是由于 MySQL 配置中的两个变量之一所致。解决方案:解决此错误的关键是调整wait_tim...
    编程 发布于2025-01-18
  • 如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 查找今天生日的用户?
    如何使用 MySQL 识别今天生日的用户使用 MySQL 确定今天是否是用户的生日涉及查找生日匹配的所有行今天的日期。这可以通过一个简单的 MySQL 查询来实现,该查询将存储为 UNIX 时间戳的生日与今天的日期进行比较。以下 SQL 查询将获取今天有生日的所有用户: FROM USERS ...
    编程 发布于2025-01-18
  • 除了“if”语句之外:还有哪些地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    除了“if”语句之外:还有哪些地方可以在不进行强制转换的情况下使用具有显式“bool”转换的类型?
    无需强制转换即可上下文转换为 bool您的类定义了对 bool 的显式转换,使您能够在条件语句中直接使用其实例“t”。然而,这种显式转换提出了一个问题:“t”在哪里可以在不进行强制转换的情况下用作 bool?上下文转换场景C 标准指定了四种值可以根据上下文转换为的主要场景bool:语句:if、whi...
    编程 发布于2025-01-18
  • 在 Go 中使用 WebSocket 进行实时通信
    在 Go 中使用 WebSocket 进行实时通信
    构建需要实时更新的应用程序(例如聊天应用程序、实时通知或协作工具)需要比传统 HTTP 更快、更具交互性的通信方法。这就是 WebSockets 发挥作用的地方!今天,我们将探讨如何在 Go 中使用 WebSocket,以便您可以向应用程序添加实时功能。 在这篇文章中,我们将介绍: WebSocke...
    编程 发布于2025-01-18
  • 如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    如何在 PHP 中组合两个关联数组,同时保留唯一 ID 并处理重复名称?
    在 PHP 中组合关联数组在 PHP 中,将两个关联数组组合成一个数组是一项常见任务。考虑以下请求:问题描述:提供的代码定义了两个关联数组,$array1 和 $array2。目标是创建一个新数组 $array3,它合并两个数组中的所有键值对。 此外,提供的数组具有唯一的 ID,而名称可能重合。要求...
    编程 发布于2025-01-18
  • 大批
    大批
    方法是可以在对象上调用的 fns 数组是对象,因此在JS中它们也有方法。 slice(begin):将数组的一部分提取到新数组中,而不改变原始数组。 let arr = ['a','b','c','d','e']; // Usecase: Extract till index pas...
    编程 发布于2025-01-18
  • 如何在 Python 中将空格分隔的字符串转换为整数数组?
    如何在 Python 中将空格分隔的字符串转换为整数数组?
    如何在 Python 中将空格分隔的字符串拆分为整数将空格分隔的数字字符串拆分为整数数组,一个简单的方法是利用字符串拆分和类型转换。拆分字符串:使用str.split()方法将字符串分成子字符串列表。默认情况下,str.split() 将任何空白字符视为分隔符。因此,您可以简单地调用它而不需要任何参...
    编程 发布于2025-01-17
  • 如何使用 FindControl 在 GridView 的 TemplateField 中查找控件?
    如何使用 FindControl 在 GridView 的 TemplateField 中查找控件?
    页面类的 FindControl 方法 可用于查找 Web 表单内的任何控件,无论其在页面层次结构中的位置如何。这包括嵌套在其他控件中的控件,例如 GridView 的 TemplateField 中的控件。要查找 GridView 的 TemplateField 中的控件,可以使用以下步骤:获取对...
    编程 发布于2025-01-17
  • 可以将多个 MySQL INSERT 语句组合成单个查询以提高性能吗?
    可以将多个 MySQL INSERT 语句组合成单个查询以提高性能吗?
    将多个 MySQL INSERT 语句组合成一个查询问题是是否允许在单个查询中执行多个 INSERT 语句使用 PHP 进行 MySQL 查询。考虑以下代码片段:$string1= "INSERT INTO....;"; $string1 .= "INSERT INTO...
    编程 发布于2025-01-17
  • 为什么我的 Go 中的 AES ECB 加密函数不返回任何数据?
    为什么我的 Go 中的 AES ECB 加密函数不返回任何数据?
    Go 中的 AES ECB 加密:故障排除和实施您在 Go 中实施 AES ECB 加密的初次尝试遇到了一些障碍。这里有一个全面的解释和修改后的代码解决方案:PKCS5 PaddingPKCS5 padding对于ECB模式下的AES加密至关重要。它确保明文的长度是块大小的倍数。您现有的 PKCS5...
    编程 发布于2025-01-17
  • 为什么在 MySQL 中使用准备好的语句时会收到“MySQLSyntaxErrorException”?
    为什么在 MySQL 中使用准备好的语句时会收到“MySQLSyntaxErrorException”?
    MySQL 准备语句错误:MySQLSyntaxErrorException问题:尝试执行 SELECT 时使用预准备语句的语句时,遇到以下错误:“您的 SQL 语法中有错误;请检查与您的 MySQL 服务器版本相对应的手册,了解在“?”附近使用的正确语法at line 1"分析:错误消息...
    编程 发布于2025-01-17
  • 如何使空单元格边框在 IE7 中可见?
    如何使空单元格边框在 IE7 中可见?
    空单元格的边框样式在 IE 7 中,空单元格的边框可能不可见。要解决此问题,请考虑以下 CSS 解决方案:选项 1:不间断空格 ( )在其中插入不间断空格 ( )空单元格强制其存在:td:empty { content: "&nbsp;"; }选项...
    编程 发布于2025-01-16

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

Copyright© 2022 湘ICP备2022001581号-3