JavaScript 是一個廣泛使用的程式語言，它可以應用於 Web 開發、遊戲開發、行動應用開發等許多領域。在 JavaScript 開發中，方法是非常重要的一環。本文將介紹 JavaScript 中的各種方法，並且透過實例來示範這些方法的應用。
Part 1：基礎方法
alert() 方法用於在瀏覽器頁面中彈出一個對話框，通常用於給使用者展示資訊或警告。
語法：
alert("message");
實例：
alert("Welcome to my website!");
prompt() 方法用於彈出一個對話框，提示使用者輸入資訊。它會傳回使用者輸入的值（字串類型）。
語法：
prompt("message","default value");
實例：
let name = prompt("請輸入您的姓名：","張三");
#console.log() 方法是偵錯程式碼時最常用的方法，用於在控制台輸出資訊。它可以輸出字串、變數、物件和陣列等類型的資料。
語法：
console.log("message");
實例：
let num = 10;
console.log(" The number is " num);
#parseInt() 方法用於將字串轉換為整數類型。如果無法轉換，則傳回 NaN。
語法：
parseInt(string, radix);
string：要轉換為整數的字串。
radix：轉換進制，可選。如果不設定則預設為 10。
實例：
let str = "123";
let num = parseInt(str);
console.log(num); //123
parseFloat() 方法用於將字串轉換為浮點數類型。如果無法轉換，則傳回 NaN。
語法：
parseFloat(string);
string：要轉換為浮點數的字串。
實例：
let str = "3.14";
let num = parseFloat(str);
console.log(num); //3.14
Part 2：陣列方法
#push() 方法用於在陣列末尾添加一個元素，而pop() 方法用於刪除數組末尾的元素。
語法：
push(newelement);
pop();
實例：
let fruits = ["Apple" ,"Banana","Orange"];
fruits.push("Grape");
console.log(fruits); //["Apple","Banana","Orange","Grape" ]
fruits.pop();
console.log(fruits); //["Apple","Banana","Orange"]
shift() 方法用來刪除陣列開頭的元素，而unshift() 方法用於在陣列開頭新增一個元素。
語法：
shift();
unshift(newelement);
實例：
let fruits = ["Apple" ,"Banana","Orange"];
fruits.unshift("Grape");
console.log(fruits); //["Grape","Apple","Banana","Orange" ]
fruits.shift();
console.log(fruits); //["Apple","Banana","Orange"]
slice() 方法用來從陣列中截取一段元素。注意，它不會修改原始數組，而是傳回一個新的數組。
語法：
slice(start, end);
start：起始位置，包含該位置。
end：結束位置，不包含該位置。
如果省略 end ，則從起始位置到陣列末端截取。
實例：
let fruits = ["Apple","Banana","Orange","Grape"];
let newfruits = fruits.slice(1,3);
console.log(newfruits); //["Banana","Orange"]
Part 3：字串方法
toUpperCase() 方法用於將字串轉換為大寫字母格式，而toLowerCase() 方法則用於將字串轉換為小寫字母格式。
語法：
toUpperCase();
toLowerCase();
實例：
let str = "Hello World";
let newstr1 = str.toUpperCase();
let newstr2 = str.toLowerCase();
console.log(newstr1); //"HELLO WORLD"
console.log(newstr2); //"hello world"
indexOf() 方法用於取得字串中指定字元或字串的位置。如果未找到，則返回 -1。 lastIndexOf() 方法和 indexOf() 方法類似，但從字串的結尾開始搜尋。
語法：
indexOf(searchvalue, start);
searchvalue：要尋找的值，可以是字元或字串。
start：可選參數。從哪個下標開始找。
lastIndexOf(searchvalue, start);
實例：
let str = "Hello World";
let pos1 = str.indexOf("l");
let pos2 = str.lastIndexOf("l");
console.log(pos1); //2
console.log(pos2); //9
concat() 方法用於將多個字串拼接起來，產生一個新的字串。
語法：
concat(string1, string2, ..., stringn);
實例：
let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(" ", str2);
console.log(str3); //"Hello World"
#Part 4：對象方法
keys() 方法用來取得物件中所有的鍵，而 values() 方法則是用來取得物件中所有的值。它們都傳回一個數組。
語法：
Object.keys(object);
Object.values(object);
實例：
let obj = {name:"張三",age:18,city:"北京"};
let keys = Object.keys(obj);
let values = Object.values(obj);
console .log(keys); //["name","age","city"]
console.log(values); //["張三",18,"北京"]
toString() 方法用於將物件轉換為字串，常用於偵錯和記錄日誌。
語法：
object.toString();
實例：
let obj = {name:"張三",age:18,city :"北京"};
console.log(obj.toString()); //"[object Object]"
# hasOwnProperty() 方法用來檢查物件中是否存在某個屬性。如果存在，則傳回 true，否則傳回 false。
語法：
object.hasOwnProperty(property);
property：要檢查的屬性名稱。
實例：
let obj = {name:"張三",age:18,city:"北京"};
console.log(obj.hasOwnProperty("name" )); //true
console.log(obj.hasOwnProperty("gender")); //false
Part 5：日期方法
Date() 方法用於取得或設定日期和時間。如果沒有傳遞參數，則傳回目前日期和時間。
語法：
new Date();
實例：
let date = new Date();
console.log(date) ; //Wed Aug 04 2021 15:41:10 GMT 0800 (中國標準時間)
getDate () 方法用於獲取當前日期（每個月中的第幾天），而getMonth() 方法用於獲取當前月份（0 表示1 月，11 表示12 月），而getFullYear() 方法用於獲取當前年份。
語法：
getDate();
getMonth();
getFullYear();
實例：
let date = new Date();
let day = date.getDate();
let month = date.getMonth() 1;
let year = date.getFullYear();
console.log(year "-" month "-" day); //"2021-8-4"
總結：
本文介紹了JavaScript 中常用的基礎方法、陣列方法、字串方法、物件方法和日期方法，並給出了對應的實例，希望能對讀者有所幫助。當然，JavaScript 中的方法遠不止這些，如果想要深入學習，建議多查閱文件或參考書籍，並進行實作練習。
以上是javascript 各種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！
