JavaScript数组操作 | 数组索引

简介

在本实验中，我们将探索如何使用 JavaScript 从数组的特定索引处提取值。我们将使用 pullAtIndex() 函数，该函数会改变原始数组，以过滤掉指定索引处的值，并返回被移除的元素。完成本实验后，你将对如何在 JavaScript 中操作数组有深入的理解。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("`JavaScript`")) -.-> javascript/BasicConceptsGroup(["`Basic Concepts`"]) javascript(("`JavaScript`")) -.-> javascript/AdvancedConceptsGroup(["`Advanced Concepts`"]) javascript/BasicConceptsGroup -.-> javascript/variables("`Variables`") javascript/BasicConceptsGroup -.-> javascript/data_types("`Data Types`") javascript/BasicConceptsGroup -.-> javascript/arith_ops("`Arithmetic Operators`") javascript/BasicConceptsGroup -.-> javascript/comp_ops("`Comparison Operators`") javascript/BasicConceptsGroup -.-> javascript/obj_manip("`Object Manipulation`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28561{{"`从数组的指定索引处提取值`"}} javascript/data_types -.-> lab-28561{{"`从数组的指定索引处提取值`"}} javascript/arith_ops -.-> lab-28561{{"`从数组的指定索引处提取值`"}} javascript/comp_ops -.-> lab-28561{{"`从数组的指定索引处提取值`"}} javascript/obj_manip -.-> lab-28561{{"`从数组的指定索引处提取值`"}} javascript/higher_funcs -.-> lab-28561{{"`从数组的指定索引处提取值`"}} end

如何从数组的指定索引处提取值

要从数组的特定索引处提取特定值，请按以下步骤操作：

打开终端/SSH 并输入 node 以开始练习编码。
使用 Array.prototype.filter() 和 Array.prototype.includes() 过滤掉不需要的值，并将它们存储在一个名为 removed 的新数组中。
将 Array.prototype.length 设置为 0，通过重置其长度来改变原始数组。
使用 Array.prototype.push() 仅用提取的值重新填充原始数组。
使用 Array.prototype.push() 跟踪被移除的值。
函数 pullAtIndex 接受两个参数：原始数组和要提取的索引数组。
该函数返回一个被移除值的数组。

示例用法：

const pullAtIndex = (arr, pullArr) => {
  let removed = [];
  let pulled = arr
    .map((v, i) => (pullArr.includes(i) ? removed.push(v) : v))
    .filter((v, i) => !pullArr.includes(i));
  arr.length = 0;
  pulled.forEach((v) => arr.push(v));
  return removed;
};

let myArray = ["a", "b", "c", "d"];
let pulled = pullAtIndex(myArray, [1, 3]);
// myArray = [ 'a', 'c' ], pulled = [ 'b', 'd' ]

总结

恭喜你！你已经完成了“从数组的指定索引处提取值”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

从数组的指定索引处提取值

简介

Skills Graph

如何从数组的指定索引处提取值

总结

您可能感兴趣的其他 JavaScript 教程