美文网首页
JavaScript数组:基础知识

JavaScript数组:基础知识

作者: 小城哇哇 | 来源:发表于2022-09-28 09:38 被阅读0次

将JavaScript数组视为该列表,您可以在其中写下许多您想做或购买的事情,小列表或大列表,相关或不相关。

什么是JavaScript数组

数组只是一种 JavaScript 数据结构,它允许在命名变量下嵌套集合中的元素。

let computers = [element1, element2, ……];
    //   variable      array with nested elements

创建数组

您可以通过使用变量使用方括号“[]”,然后使用逗号(,)分隔元素来声明或创建数组。可以使用数组文本表示法或数组构造函数来执行此操作

用于创建数组的公式

variable arrayName = [element1, element2, element3........]


const computers = [“hp”, “apple”, “dell”]; // array literal notation
const computers = newArray [“hp”, “apple”, “dell”]; // array constructor

二维/多维数组

可以具有二维数组或嵌套在其他数组(称为多维数组)中的数组。

const computers= [“hp”, “apple”, “dell”]; // two dimensional arrays
const computers = [“hp”, “apple”, [“dell”, “compaq”] ]; //multidimensional array

确定数组的长度

length 属性仅用于对数组中的元素进行计数。

const computers = [“hp”, “apple”, “dell”]; 
console log(computers.length); // prints 3

使用索引访问数组

数组像字符串一样使用零索引编号系统,您可以轻松访问数组中的元素。这仅仅意味着,数组中的第一个元素是零(0) 元素。

const computers = [“hp”, “apple”, “dell”]
console.log(computers[0]) // prints hp since it’s the first element 
console.log(computers[1]) // prints apple since it’s the second element 
console.log(computers[2] // prints dell since it's the third elemet

数组是可变的,并且大小动态,因此数组中的元素可以按任意顺序排列。并且可以是任何大小。数组具有内置方法,可以轻松操作元素的值,添加,删除甚至更改其位置。

数组方法

向数组添加元素

向数组中添加元素时,可以使用取消移位()方法或 push() 方法。

该方法将元素添加到数组的开头。unshift()

const computers = [“hp”, “apple”, “dell”];
computers.unshift(“toshiba” , “compaq”);
console.log(computers); // prints toshiba, compaq, hp, apple, dell

该方法将元素添加到数组的末尾。push()

const computers = [“hp”, “apple”, “dell”];
computers.push(“toshiba” , “compaq”);
console.log(computers); // prints hp, apple, dell,  toshiba, compaq

从数组中删除元素

该方法从数组的开头删除元素。shift()

const computers = [“hp”, “apple”, “dell”];
computers.shift();
console.log(computers); // prints apple, dell since hp has been removed

该方法从数组的末尾删除元素。push()

const computers = [“hp”, “apple”, “dell”];
computers.push();
console.log(computers); // prints hp, apple since dell has been removed

合并两个数组

您可以轻松地将两个数组与该方法合并。此方法合并两个数组,创建一个包含合并元素的新数组,而单个数组本身未合并。concat()

const letters1 = [A B, C];
const letters2 = [D, E, F];
const letters3 = letters1.concat(letters2);
console.log(letters3); // prints A, B, C, D, E, F]// letters1 and letters2 still remain unchanged

拼接()和切片()方法

该方法可用于从数组中的任何位置添加或删除行中任意数量的元素。此方法可以在数组中添加或删除最多三(3)个元素,并为删除的元素创建一个新数组。splice()

const letters = [A, B, C, D, E, F];
const splicedItems = letters.splice(3, 2); // this means at index 3, delete 2 elements
console.log(splicedItems) = [C, D]
console.log(letters)=[A, B, E, F]

该方法用于将选定数量的元素复制到新数组,而无需更改旧数组。您可以使用此方法一次复制或提取两 (2) 个以上的元素。slice()

const letters = [A, B, C, D, E, F];
const slicedItems = letters.slice(3, 2); // this means at index 3, copy 2 elements
console.log(slicedItems) = [C, D]
console.log(letters)=[A, B, C, D, E, F] // remains unchanged

现在,您可以轻松创建、调整大小和编辑数组。

相关文章

网友评论

      本文标题:JavaScript数组:基础知识

      本文链接:https://www.haomeiwen.com/subject/yefcartx.html