Javascript結構體數組是一種將相同類型的數據組織在一起的數據結構。與普通數組不同的是，每個元素都可以有多個屬性（也稱為成員或字段）。這樣的數組能夠更好地表示真實世界中的對象，例如學生的姓名、年齡、性別和成績等等。

下面是一個簡單的例子：

var students = [
{name: "Tom", age: 18, gender: "Male", score: 80},
{name: "Lucy", age: 19, gender: "Female", score: 90},
{name: "Jack", age: 20, gender: "Male", score: 85}
];
console.log(students[0].name); //輸出Tom
console.log(students[2].score); //輸出85

上述代碼定義了一個名為students的結構體數組，它包含了三個學生對象，每個對象包含了四個屬性。我們可以通過[]運算符訪問其中的一個元素，然后使用"."運算符訪問該元素的屬性。

Javascript結構體數組的定義方式與普通數組有些不同。我們需要使用{}來定義每個元素的屬性，使用","來分隔屬性。{}內的屬性有時也稱為鍵值對（key-value pair）。當然，我們也可以將這些元素逐個賦給一個新的數組。例如：

var student1 = {name: "Tom", age: 18, gender: "Male", score: 80};
var student2 = {name: "Lucy", age: 19, gender: "Female", score: 90};
var student3 = {name: "Jack", age: 20, gender: "Male", score: 85};
var students = [student1, student2, student3];

類似于普通數組，Javascript結構體數組可以使用for循環或forEach方法遍歷每個元素，然后使用"."來訪問每個屬性。例如：

for(var i = 0; i < students.length; i++) {
console.log(students[i].name + " is " + students[i].age + " years old.");
}
students.forEach(function(student){
console.log(student.gender + " student " + student.name + " has got " + student.score + " points.");
});

上述代碼分別使用for循環和forEach方法遍歷了整個數組，并輸出了每個學生的姓名、年齡、性別和成績等信息。我們也可以使用其他的數組方法，例如filter、map、reduce等等，對結構體數組進行各種處理。

當然，與普通數組一樣，Javascript結構體數組也可以使用push、pop、shift、unshift等方法不斷地添加、刪除元素。例如：

students.push({name: "Lily", age: 18, gender: "Female", score: 95});
console.log(students.length); //輸出4
students.pop();
console.log(students.length); //輸出3
students.shift();
console.log(students.length); //輸出2
students.unshift({name: "Bob", age: 21, gender: "Male", score: 88});
console.log(students.length); //輸出3

上述代碼使用了push、pop、shift、unshift方法對結構體數組進行了不同操作，并輸出了數組的長度。

在實際應用中，Javascript結構體數組經常用于存儲大量具有相似屬性的數據。例如，在網頁制作中，我們可以使用結構體數組來存儲每個圖片的鏈接、標題、描述、跳轉鏈接等信息，然后使用循環和DOM操作等技術，將這些信息渲染到網頁中。這種方式能夠極大地提高代碼的可讀性和可維護性，也能夠讓我們更加靈活地控制網頁的呈現效果。

總之，Javascript結構體數組是一種非常有用的數據結構，它能夠更好地表示真實世界中的對象，也能夠更方便地處理大量的相似數據。通過結構體數組，我們可以更好地利用Javascript的面向對象特性，讓代碼更加高效和優雅。