JavaScript的內置對象Math和字符串詳解

Posted on by

Math對象

  • Math是一個工具類對象，裡面封裝瞭數學運算相關的屬性和方法

常用屬性

  • Math.PI：表示圓周率

常用方法

  • Math.abs(x)：返回x的絕對值
  • Math.pow(x,y)：返回x的y次方
  • Math.sqrt(x)：返回x的算術平方根
  • Math.round(x)：返回x四舍五入後的最接近的整數
  • Math.floor(x)：返回小於或等於x的最大整數
  • Math.ceil(x)：函數返回大於或等於x的最小整數
  • Math.max()：返回參數中的最大值
  • Math.min()：返回參數中的最小值

Math.random()

  • 返回偽隨機數(0.0~1.0之間)（不包括1）
  • 生成一個[0,x]的隨機數
    • Math.round(Math.random()*x)
    • [0,10]: Math.round(Math.random()*10)
  • 生成一個[x,y]的隨機數
    • Math.round(Math.random()*(y-x)+x
    • [1,10]的隨機數： Math.round(Math.random()*9)+1

字符串方法

length屬性

  • 可以用來獲取字符串的長度
var str = "Hello World!!!";
var result = str.length;
console.log(result);

在這裡插入圖片描述

charAt()

  • 可以返回字符串中指定位置的字符
  • 根據索引獲取指定的字符
var str = "Hello World!!!";
var result = str.charAt(6);
console.log(result);

在這裡插入圖片描述

charCodeAt()

  • 獲取指定位置字符的字符編碼（Unicode編碼）
var str = "Hello World!!!";
var result = str.charCodeAt(6);
console.log(result);

在這裡插入圖片描述

fromCharCode()

  • 可以根據字符編碼去獲取字符
var result = String.fromCharCode(18888);
console.log(result);

在這裡插入圖片描述

concat()

  • 可以用來連接兩個或多個字符串
  • 不會影響原字符串
var str = "Hello World!!!";
var result = str.concat("你好","世界");
console.log(result);

在這裡插入圖片描述

indexOf()

  • 該方法可以檢索一個字符串中是否含有指定內容
  • 如果字符串中含有該內容，則會返回其第一次出現的索引
  • 如果沒有找到指定的內容，則返回-1
  • 可以指定一個第二個參數，指定開始查找的位置
var str = "Hello World!!!";
var result0 = str.indexOf('l');
var result1 = str.indexOf('l',3);//從第三個位置開始找
var result2 = str.indexOf('l',5);//從第五個位置開始找
console.log(result0);
console.log(result1);
console.log(result2);

在這裡插入圖片描述

lastIndexOf()

  • 該方法的用法和indexof()一樣
  • 不同的是indexOf()是從前往後找
  • 而lastIndexOf()是從後往前找

slice()

  • 可以從字符串中截取指定的內容
  • 不會影響到原字符串，而是將截取到內容返回
  • 參數：
    • 第一個，開始位置的索引（包括開始位置）
    • 第二個，結束位置的索引（不包括結束位置）
    • 如果省略第二個參數，則會截取到後邊所有的
    • 也可以傳遞一個負數作為參數，負數的話將會從後邊計算
var str = "Hello World!!!";
var result0 = str.slice(0,2);
var result1 = str.slice(1,-4);
console.log(result0);
console.log(result1);

在這裡插入圖片描述

substring()

  • 可以用來截取一個字符串，與slice()類似
  • 不會影響到原字符串，而是將截取到內容返回
  • 參數：
    • 第一個，開始位置的索引（包括開始位置）
    • 第二個，結束位置的索引（不包括結束位置）
  • 不能接受負值作為參數
    • 如果傳遞瞭一個負值，則默認使用0
  • 能自動調整參數位置，如果第二個參數小於第一個，則會自動交換
var str = "Hello World!!!";
var result0 = str.substring(0,2);
console.log(result0);

在這裡插入圖片描述

split()

  • 可以將一個字符串拆分為一個數組
  • 參數：
    • 需要一個字符串作為參數，將會根據該字符串去拆分數組
var str = "He llo Worl d!!!";
var result0 = str.split(' ');
console.log(result0);
console.log(Array.isArray(result0));

在這裡插入圖片描述

toUpperCase()

  • 將一個字符串轉換為大寫並返回
var str = "He llo Worl d!!!";
var result0 = str.toUpperCase();
console.log(result0);

在這裡插入圖片描述

toLowerCase()

  • 將一個字符串轉換為小寫並返回
var str = "He llo Worl d!!!";
var result0 = str.toLowerCase();
console.log(result0);

在這裡插入圖片描述

總結

本篇文章就到這裡瞭，希望能夠給你帶來幫助，也希望您能夠多多關註WalkonNet的更多內容!

推薦閱讀：