首頁 > web前端 > 前端問答 > javascript中各種方法

javascript中各種方法

PHPz
發布: 2023-05-09 15:02:07
原創
562 人瀏覽過

JavaScript是一種用於網頁中加入動態效果和互動性的程式語言。它具有眾多有用的方法,這些方法可用於操作網頁中的元素、處理字串和數值以及創建時間間隔和動畫效果等。在本篇文章中,我們將討論JavaScript中的一些重要方法,以及它們的使用方法和範例。

一、字串方法

  1. .length
    該方法可以傳回任何字串的長度。

範例:
let string = "Hello World";
console.log(string.length); // 輸出結果為:11

  1. # .charAt()
    此方法可傳回指定索引處的字元。

範例:
let string = "Hello World";
console.log(string.charAt(3)); // 輸出結果為:'l'

  1. #.concat()
    該方法可將一個或多個字串連接起來,並傳回新的字串。

範例:
let string1 = "Hello";
let string2 = "World";
console.log(string1.concat(" ", string2)); / / 輸出結果為:"Hello World"

  1. .indexOf()
    此方法可傳回字串中第一個符合項目的位置,如果找不到符合項目則傳回-1 。

範例:
let string = "Hello World";

範例:
    let string = "Hello World";
  1. console.log(string.indexOf("o")); // 輸出結果為:4
#.replace()

此方法可替換字串中的文字。

範例:
    let string = "Hello World";
  1. console.log(string.replace("World", "JavaScript")); // 輸出結果為:" Hello JavaScript"
.slice()

此方法可傳回字串的指定部分。

範例:

let string = "Hello World";

    範例:
  1. let string = "Hello World";
    console.log(string.slice(1, 5)); // 輸出結果為:"ello"
二、陣列方法



.length

此方法可以傳回陣列的長度。

  1. 範例:
  2. let array = [1, 2, 3, 4, 5];
console.log(array.length); // 輸出結果為:5



.push()

此方法可在陣列末端新增一個或多個元素,並傳回新的長度值。

  1. 範例:
  2. let array = [1, 2, 3, 4, 5];
console.log(array.push(6)); // 輸出結果為: 6



.pop()

此方法可刪除陣列末端的元素,並傳回已刪除的元素。

  1. 範例:
  2. let array = [1, 2, 3, 4, 5];
console.log(array.pop()); // 輸出結果為:5



.join()

該方法可將陣列的所有元素合併為一個字串。

  1. 範例:
  2. let array = [1, 2, 3, 4, 5];
console.log(array.join(",")); // 輸出結果為:"1,2,3,4,5"



.splice()
此方法可從陣列中新增或刪除元素。

  1. 範例:
    let array = [1, 2, 3, 4, 5];
  2. array.splice(2, 0, "a", "b");
console.log(array); // 輸出結果為:[1, 2, "a", "b", 3, 4, 5]



.sort()

此方法可對數組進行排序。

    範例:
  1. let array = [3, 1, 4, 2, 5];
    console.log(array.sort()); // 輸出結果為:[ 1, 2, 3, 4, 5]
三、數值方法



#.valueOf()

此方法可傳回數值的原始值。

  1. 範例:
  2. let num = 123;
console.log(num.valueOf()); // 輸出結果為:123



#. toString()

此方法可將數值轉換為字串型別。

  1. 範例:
  2. let num = 123;
console.log(num.toString()); // 輸出結果為:"123"



#.toFixed()

此方法可將數值保留指定的小數位數。

  1. 範例:
  2. let num = 3.14159;
console.log(num.toFixed(2)); // 輸出結果為:"3.14"



#.parseInt()

此方法可將字串轉換為整數型別。

  1. 範例:
  2. let string = "123";
console.log(parseInt(string)); // 輸出結果為:123



# .parseFloat()

此方法可將字串轉換為浮點數類型。

    範例:
  1. let string = "3.14159";
    console.log(parseFloat(string)); // 輸出結果為:3.14159
#四、事件方法



.addEventListener()
此方法可為指定元素新增事件監聽器。

    範例:
  1. let button = document.querySelector("button");
    button.addEventListener("click", function() {
  2. 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中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板