javascript 各種方法

JavaScript 是一個廣泛使用的程式語言，它可以應用於 Web 開發、遊戲開發、行動應用開發等許多領域。在 JavaScript 開發中，方法是非常重要的一環。本文將介紹 JavaScript 中的各種方法，並且透過實例來示範這些方法的應用。

Part 1：基礎方法

1. alert()方法

alert() 方法用於在瀏覽器頁面中彈出一個對話框，通常用於給使用者展示資訊或警告。

語法：

alert("message");

實例：

alert("Welcome to my website!");

2. prompt()方法

prompt() 方法用於彈出一個對話框，提示使用者輸入資訊。它會傳回使用者輸入的值（字串類型）。

語法：

prompt("message","default value");

實例：

let name = prompt("請輸入您的姓名：","張三");

3. console.log()方法

#console.log() 方法是偵錯程式碼時最常用的方法，用於在控制台輸出資訊。它可以輸出字串、變數、物件和陣列等類型的資料。

語法：

console.log("message");

實例：

let num = 10;
console.log(" The number is " num);

4. parseInt()方法

#parseInt() 方法用於將字串轉換為整數類型。如果無法轉換，則傳回 NaN。

語法：

parseInt(string, radix);

string：要轉換為整數的字串。

radix：轉換進制，可選。如果不設定則預設為 10。

實例：

let str = "123";
let num = parseInt(str);
console.log(num); //123

5. parseFloat()方法

parseFloat() 方法用於將字串轉換為浮點數類型。如果無法轉換，則傳回 NaN。

語法：

parseFloat(string);

string：要轉換為浮點數的字串。

實例：

let str = "3.14";
let num = parseFloat(str);
console.log(num); //3.14

Part 2：陣列方法

1. push()和pop()方法

#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"]

2. shift()和unshift( )方法

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"]

3. slice()方法

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：字串方法

1. toUpperCase()和toLowerCase()方法

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"

2. indexOf()和lastIndexOf()方法

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

3. # concat()方法

concat() 方法用於將多個字串拼接起來，產生一個新的字串。

語法：

concat(string1, string2, ..., stringn);

實例：

let str1 = "Hello";
let str2 = "World";
let str3 = str1.concat(" ", str2);
console.log(str3); //"Hello World"

#Part 4：對象方法

1. keys()和values()方法

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,"北京"]

2. toString()方法

toString() 方法用於將物件轉換為字串，常用於偵錯和記錄日誌。

語法：

object.toString();

實例：

let obj = {name:"張三",age:18,city :"北京"};
console.log(obj.toString()); //"[object Object]"

3. hasOwnProperty()方法

# 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：日期方法

1. Date()方法

Date() 方法用於取得或設定日期和時間。如果沒有傳遞參數，則傳回目前日期和時間。

語法：

new Date();

實例：

let date = new Date();
console.log(date) ; //Wed Aug 04 2021 15:41:10 GMT 0800 (中國標準時間)

2. getDate()、getMonth()和getFullYear()方法

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中文網其他相關文章！