如何在 TypeScript 中将元素推送到数组的末尾?
在 TypeScript 中，数组是一种表示元素集合的数据类型。数组中的每个元素在数组中都有特定的索引或位置，您可以使用索引访问或修改数组中的元素。在 TypeScript 中，数组可以包含相同或不同数据类型的元素。
要在 TypeScript 中将元素推送到数组的末尾，可以使用 push() 方法。此方法将元素添加到数组的末尾并返回数组的新长度。
语法
用户可以按照以下语法使用 push() 方法将元素推送到数组的末尾。
let numbers: Array<number> = [10, 40, 32]; numbers.push(90);
参数
Array.push() 方法包含单个或多个元素作为参数。
元素− 插入到数组末尾的单个元素或以逗号分隔的多个元素。
示例 1
在下面的示例中，我们创建了一个数字数组。此外，我们还用一些数字初始化了该数组。
我们使用 Array 库的 push() 方法将 34 插入到数组的末尾。另外，我们在 34 后面插入了 904。在输出中，我们可以看到 904 是最后一个元素，34 是倒数第二个元素。
// 创建数字数组并用一些值初始化。 let numbers: Array= [134, 45, 22]; // 将 34 推送到数组末尾。 numbers.push(34); console.log("在末尾插入 34 后，numbers 数组的大小为 " + numbers); // 将 904 推送到数组末尾。 numbers.push(904); console.log("在末尾插入 904 后，numbers 数组的大小为 " + numbers);
编译后，它将生成以下 JavaScript 代码 -
// 创建数字数组并用一些值初始化。
var numbers = [134, 45, 22];
// 将 34 推送到数组末尾。
numbers.push(34);
console.log("在末尾插入 34 后，numbers 数组的大小为 " + numbers);
// 将 904 推送到数组末尾。
numbers.push(904);
console.log("在末尾插入 904 后，numbers 数组的大小为 " + numbers);
输出
上述代码将产生以下输出 -
在末尾插入 34 后，numbers 数组的大小为 134,45,22,34 在末尾插入 904 后，numbers 数组的大小为 134,45,22,34,904
示例 2
在下面的示例中，"strings"是一个包含一些字符串值的字符串数组。这里，我们将多个以逗号分隔的字符串作为 push 方法的参数传递，以便一次性将多个元素插入数组中。push() 方法会按照传入字符串作为参数的顺序将元素插入到数组末尾。
// 创建字符串数组并用一些值初始化。
let strings: Array<string> = ["Welcome", "To", "The"];
// 将多个元素推送到数组末尾
strings.push("TutorialsPoint", "!", "Hello", "World!");
console.log(
"在末尾插入多个元素后的 strings 数组:" + strings
);
编译后，它负责生成以下 JavaScript 代码 -
// 创建字符串数组并用一些值初始化。
var strings = ["Welcome", "To", "The"];
// 将多个元素推送到数组末尾
strings.push("TutorialsPoint", "!", "Hello", "World!");
console.log("在末尾插入多个元素后的字符串数组:" + strings);
输出
上述代码将产生以下输出 -
在末尾插入多个元素后的字符串数组:Welcome,To,The,TutorialsPoint,!,Hello,World!
示例 3
在下面的示例中，我们创建了 Employee 接口。该接口包含类的变量和方法的声明。之后，我们创建了 Employee 接口类型的 emp 数组，并用 Employee 的单个对象进行初始化。
接下来，我们创建了 Employee 类型的 new_emp 对象，并使用 push() 方法将其插入到 emp 数组的末尾。我们使用 for-of 循环打印数组对象。用户可以在输出中看到 emp 数组包含两个对象，并且 new_emp 对象被插入到数组的最后。
// 为 Employee 创建接口
interface Employee {
name: string;
age: number;
isPermenent: boolean;
}
// 创建员工数组
let emp: Employee[] = [{ name: "Shubham", age: 22, is Permenent: true }];
// 创建 Employee 类型的新员工对象
const new_emp: Employee = {
name: "Jems",
age: 30,
isPermenent: false,
};
// 将新员工对象推送到 emp 数组
emp.push(new_emp);
console.log("将 new_emp 插入 emp 数组末尾后的结果为 ");
// 遍历 emp 数组并打印每个员工对象
for (let obj of emp) {
console.log("New Employee!");
console.log(
"name: " +
obj.name +
" age: " +
obj.age +
" isPermenent: " +
obj.isPermenent
);
}
编译后，它将生成以下 JavaScript 代码 -
// 创建员工数组
var emp = [{ name: "Shubham", age: 22, is Permenent: true }];
// 创建 Employee 类型的新员工对象
var new_emp = {
name: "Jems",
age: 30,
isPermenent: false
};
// 将新员工对象推送到 emp 数组
emp.push(new_emp);
console.log("将 new_emp 插入 emp 数组末尾后的结果为 ");
// 遍历 emp 数组并打印每个员工对象
for (var _i = 0, emp_1 = emp; _i < emp_1.length; _i++) {
var obj = emp_1[_i];
console.log("New Employee!");
console.log("name: " +
obj.name +
" age: " +
obj.age +
" isPermenent: " +
obj.isPermenent);
}
输出
上述代码将产生以下输出 -
After inserting the new_emp at the end of the emp array is New Employee! name: Shubham age: 22 is Permenent: true New Employee! name: Jems age: 30 is Permenent: false
我们学习了如何在数组末尾插入单个或多个元素。此外，在上一个示例中，我们还学习了如何使用 push() 方法在数组末尾插入对象。
