JavaScript是一種用於網頁中加入動態效果和互動性的程式語言。它具有眾多有用的方法,這些方法可用於操作網頁中的元素、處理字串和數值以及創建時間間隔和動畫效果等。在本篇文章中,我們將討論JavaScript中的一些重要方法,以及它們的使用方法和範例。
一、字串方法
- .length
該方法可以傳回任何字串的長度。
範例:
let string = "Hello World";
console.log(string.length); // 輸出結果為:11
- # .charAt()
此方法可傳回指定索引處的字元。
範例:
let string = "Hello World";
console.log(string.charAt(3)); // 輸出結果為:'l'
- #.concat()
該方法可將一個或多個字串連接起來,並傳回新的字串。
範例:
let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); / / 輸出結果為:"Hello World"
- .indexOf()
此方法可傳回字串中第一個符合項目的位置,如果找不到符合項目則傳回-1 。
範例:
let string = "Hello World";
範例:
let string = "Hello World";- console.log(string.indexOf("o")); // 輸出結果為:4
#.replace()
此方法可替換字串中的文字。
範例:
let string = "Hello World";- console.log(string.replace("World", "JavaScript")); // 輸出結果為:" Hello JavaScript"
.slice()
此方法可傳回字串的指定部分。
範例:
let string = "Hello World";
範例:- let string = "Hello World";
console.log(string.slice(1, 5)); // 輸出結果為:"ello"
二、陣列方法
.length
此方法可以傳回陣列的長度。
-
範例: let array = [1, 2, 3, 4, 5];
console.log(array.length); // 輸出結果為:5
.push()
此方法可在陣列末端新增一個或多個元素,並傳回新的長度值。
-
範例: let array = [1, 2, 3, 4, 5];
console.log(array.push(6)); // 輸出結果為: 6
.pop()
此方法可刪除陣列末端的元素,並傳回已刪除的元素。
-
範例: let array = [1, 2, 3, 4, 5];
console.log(array.pop()); // 輸出結果為:5
.join()
該方法可將陣列的所有元素合併為一個字串。
-
範例: let array = [1, 2, 3, 4, 5];
console.log(array.join(",")); // 輸出結果為:"1,2,3,4,5"
.splice()
此方法可從陣列中新增或刪除元素。
- 範例:
let array = [1, 2, 3, 4, 5]; array.splice(2, 0, "a", "b");
console.log(array); // 輸出結果為:[1, 2, "a", "b", 3, 4, 5]
.sort()
此方法可對數組進行排序。
範例:- let array = [3, 1, 4, 2, 5];
console.log(array.sort()); // 輸出結果為:[ 1, 2, 3, 4, 5]
三、數值方法
#.valueOf()
此方法可傳回數值的原始值。
-
範例: let num = 123;
console.log(num.valueOf()); // 輸出結果為:123
#. toString()
此方法可將數值轉換為字串型別。
-
範例: let num = 123;
console.log(num.toString()); // 輸出結果為:"123"
#.toFixed()
此方法可將數值保留指定的小數位數。
-
範例: let num = 3.14159;
console.log(num.toFixed(2)); // 輸出結果為:"3.14"
#.parseInt()
此方法可將字串轉換為整數型別。
-
範例: let string = "123";
console.log(parseInt(string)); // 輸出結果為:123
# .parseFloat()
此方法可將字串轉換為浮點數類型。
範例:- let string = "3.14159";
console.log(parseFloat(string)); // 輸出結果為:3.14159
#四、事件方法
.addEventListener()
此方法可為指定元素新增事件監聽器。
範例:- let button = document.querySelector("button");
button.addEventListener("click", function() { console.log("Hello World");
});
.removeEventListener()
此方法可移除事件監聽器指定元素。
範例:
let button = document.querySelector("button");
function handleClick() {
console.log("Hello World");### }###button.addEventListener("click", handleClick);###button.removeEventListener("click", handleClick);######以上就是JavaScript中常用的方法。當然還有很多其他方法,但掌握上述的方法就能幫助我們在Web開發中更加得心應手。 ###
以上是javascript中各種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章!