java.内置JavaScript方法通常可以帮助您解决许多JavaScript编程问题而不编写大量代码。阵列,如字符串,包括一系列您可以访问和更新的项目。阵列也可能需要重新排列,然后才能使用它们来执行某些任务。学会使用数组拼接方法,您可以使用单行代码从数组添加和删除项目。想快速学习JavaScript吗?访问Udemy的伟大提示。

阵列解剖

将数组视为具有12个包含12个容器的空蛋纸箱。纸箱没有特定的用途,因为您可以将任何类型的物体放入容器中。例如,如果你有12个大理石,你可以像你可以把一分钱放在每个容器中一样轻松地将一个大理石放入每个容器中。JavaScript数组可以保留您可以创建的任何类型的JavaScript项目。虽然许多人使用阵列来保持字符串和数字,但您可以存储复杂的实体,如超链接和对象。

有几种方法可以声明和填充数组。下面的代码显示了两种最常见的初始化方法:

var array1 = [“a”,“b”,“c”,“d”];var array2 = [];

第一个数组有三个元素,而第二个数组不包含任何元素。您可以使用各种技术从这两个数组中添加和删除元素。例如,push方法将一个新元素添加到数组末尾,pop方法从数组末尾删除一个元素,如下所示:

array1.push(“e”);array.pop();

当Web页面上的JavaScript代码运行时,数组的内容可能会更改多次。你可以通过检查数组的长度属性来检查数组的大小,如下面的语句所示:

var arrayLength = array1.length;

通过在Udemy.com上学习掌握JavaScript数组和对象。

数组拼接基本面

splice方法的功能就像一个强大的“瑞士军刀”,让你能够添加新的数组元素和删除现有的元素。还可以指定希望新元素出现的位置。splice方法的语法如下所示:

var myArray.splice(开始位置,要删除的元素数,要添加的元素);

第一个参数,起始位置,是唯一需要的参数。它指定要在数组中开始添加和删除操作的位置。第二个可选参数表示要从数组中删除的元素数量。如果该值为零,则splice不会删除任何元素。第三个可选参数是要添加到数组中的项列表。

当您只指定第一个参数时,切片将删除从该位置开始的所有元素一直到阵列的结尾。如果第一个参数是否定的,则拼接添加或删除在数组末尾开始的元素。

拼接语法和示例

因为存在如此多不同的参数组合,所以在使用splice方法时,了解该方法如何影响数组是很重要的。一种方法是编写一个简短的JavaScript程序,以不同的方式调用splice,如下所示:

var等级= [99,84,76,100,70];毕业.splice(3));/ *删除它* /等级后的第3个元素和所有元素.plice(1,2));/ *删除位置1和2 * /等级的元素。(2,1,55));/ *删除元素2并在元素2 * /等级之后添加新元素55.splice(-1,0,88,92);/ *删除没有元素,因为第二个参数为零。* / / *它添加88和92作为从数组结束的第1个位置开始的新元素。* /

如果在每个拼接语句之后添加警报(等级)语句,则会在每个拼接后看到等级数组中的值。当您将负数指定为第一个参数时,事情会变得有点棘手。不要忘记当第一个参数为负时,拼接从数组的末端开始计数,如上面的最后一个例子所示。

当不希望splice删除任何数组元素时,请始终使用0作为第二个参数。当您只希望通过将then指定为第三个参数向数组添加新元素时,这个值很有用。再次回顾这个例子:

的成绩。剪接(-1,0,88,92);

即使剪接命令的语法说它接受三个参数,第三个参数也可以是逗号分隔值列表,如上所示。值88和92构成第三个参数。如果只想向数组添加新值,则您只会将一个值视为第三个参数,如下所示:

的成绩。接头(1 0 88);

使用拼接创建新数组

关于splice方法,需要理解的另一件重要事情是它返回值的方式。在前面的示例中,只需使用splice来更改现有的数组。但是,你可以使用以下代码创建一个包含从其他数组中删除的元素的新数组:

Var等级= [99,44,33,83,100];var newArray =等级。接头(1、2);警报(成绩);警报(newArray);

拼接从第一个位置开始从等级数组中删除2个元素,以便在代码运行之后仅包含99,83和100的阵列。但是,纽阵列包含44和33,从等级阵列中删除的元素。通过使用此类型的赋值语句,您可以修改现有数组,例如等级并使用单个语句生成新的阵列。

切片与拼接:重要的区别

类似于拼接,切片方法操纵阵列的元素。剪切更改现有数组时,切片会在不改变原件的情况下创建一个新数组。使用切片类似于拍摄现有数组的一部分的快照,并将该快照存储在新数组中。考虑以下代码:

Var values = [101, 37, 16, 88];

假设您想要创建一个只包含元素1和2的新数组?您可以通过定义一个空数组并使用push方法向其添加新元素来做到这一点。或者,你可以通过使用slice方法将你想要的元素从values数组复制到你的新数组中来节省时间,如下面的例子所示:

var newArray = values。片(1、3);

代码运行后,纽阵列阵列包含37和16,因为切片开始抓取位置1的抓取元素并在其到达位置3之前。换句话说,它副本37和16并将它们放入NewArray。这是Slice方法的语法:

myArray.slice(开始,结束);

您通过的值作为开始告诉切片开始复制元素的位置。您通过的值作为结束始终是您希望切片复制的最后一个元素左侧的一个位置。结束参数是可选的。如果您不包含它,则切片将所有元素从开头位置复制到数组的末尾。与拼接方法一样,如果将负值指定为第一个参数,则切片从数组的末尾开始选择元素。需要改进JavaScript编码的技巧吗?让Udemy帮你。

JavaScript数组拼接:结论

尽管splice和slice方法很简单,但在尝试在生产环境中使用它们之前,请多次检查它们的语法。需要进行一些练习,才能了解每个参数(不管是正的还是负的)如何影响使用splice或slice创建的原始数组和新数组。然而,一旦您掌握了这些重要的方法,您将发现更有效地操作数组和处理复杂JavaScript任务的新方法。

javascript中的顶级课程

50天的50个项目 - HTML,CSS和JavaScript
布拉德·特拉弗斯,弗洛林·波普
4.7 (4024)
20个使用香草JavaScript的Web项目
布拉德Traversy
4.8 (4725)
完整的JavaScript课程2021:从零到专家!
乔纳斯Schmedtmann
4.7 (107,214)
畅销书
JavaScript -完整指南2021(初学者+高级)
学者由Maximilian Schwarzmüller, Maximilian Schwarzmüller
4.7 (14885)
JavaScript: The Advanced Concepts (2021)
安德烈Neagoie
4.7 (8303)
JavaScript Web项目:构建你的作品集的20个项目
Andrei Neagoie, Jacinto Wong
4.7 (1806)
初学者的JavaScript基础知识
狂舞Hamedani
4.5 (11,149)
畅销书
JavaScript圣经 - JavaScript Bootcamp 2021
Bogdan Stashchuk
4.7 (1220)
JavaScript:理解奇怪的部分
Anthony Alicea.
4.8 (41635)
从一开始的现代JavaScript
布拉德Traversy
4.7 (25393)
现代JavaScript训练营
安德鲁·米德
4.7 (11099)
现代JavaScript(完整指南,从新手到忍者)
净忍者(肖恩养羊)
4.8 (6,753)

更多JavaScript的课程

JavaScript的学生也会学到

让你的团队。领导行业。

使用Udemy for Business订阅在线课程库和数字学习工具。

请求一个演示