大家好，我是一名菜鳥工程師，Chris，今天來到第 12 天，JS 方法探索

在 JavaScript 中有一些常使用的方法，而這些方法用來處理字串、數字、物件和 DOM 元素等

以下是常用的字串和數字 JavaScript 方法：

字串：

1 [ ]：索引(index)，它是從 0 開始計算

const hisName = "Tom";
console.log(name[0]); // 印出 "T"
console.log(name[2]); // 印出 "m"

2 length：顯示文字的長度

const food = "rice";
console.log(food.length); // 印出 4

3 concat()：將多個字串連接在一起，並給一個新的字串

const str1 = "Hello, ";
const str2 = "world!";
const newString = str1.concat(str2);

console.log(newString); // 印出 "Hello, world!"
console.log(str1); // 印出 "Hello, "

4 indexOf() 和 lastIndexOf()：查找字串中某個子字串的位置，分別是第一次和最後一次出現的索引
- indexOf()

const str = "Hello world";

console.log(str.indexOf ("e")) ; // 印出 1

- lastIndexOf()

const str = "Hello world";

console.log(str.lastIndexOf ("o")) ; // 印出 7

5 slice()：提取字串的一部分，根據指定的索引範圍，並給一個新的字串

const name = "Chris" ;
console.log(name.slice(1, 3)); // 印出 "hr"

6 toUpperCase() 和 toLowerCase：將字串轉換為小寫或大寫
- toUpperCase()

const herName = "marry" ;
console.log (herName.toUpperCase()); // 印出 "MARRY"

- toLowerCase()

const str = "TEACHER" ;
console.log (str.toLowerCase()); // 印出 "teacher"

7 trim()：移除字串的開頭和結尾的空格，並給一個新字串

const str = " Hi, My name is Peter. ";

const newStr = str.trim();

console.log(newStr); //印出  "Hi, My name is Peter."

8 split()：將字串分割成子字串，並給一個字串數組

const str = "Chris is a girl.";
console.log(str.split("  ")); // 印出 ['Chris is a girl.']

8 Number()：從 string 類型 改成 number

const strNumber = '50';
const numberValue = Number(strNumber);

console.log(numberValue); // 印出 50

數字：

1 toString()：從 number 改成 string，() 裡面不用輸入數值

let a = 20;
console.log(a.toString() + 10); // 印出 2010

2 toFixed ()：設定小數點後面要顯示幾位數，() 裡面要輸入數值

const b = 3.14159;
console.log(b.toFixed(2)); // 印出 3.14

3 concat()：連接多個數組，並給一個新的數組

const arr1 = [1, 2, 3];
const arr2 = [4, 5, 6];
const arr3 = [7, 8, 9];

const newArray = arr1.concat(arr2, arr3);

console.log(newArray); // 印出 [1, 2, 3, 4, 5, 6, 7, 8, 9]
console.log(arr1); // 印出 [1, 2, 3]

4 push() 和 pop()：在數組的末尾，增加和刪除元素
- push()

const fruits = [];

fruits.push('apple');
fruits.push('banana');
fruits.push('cherry');

console.log(fruits); // 印出  ['apple', 'banana', 'cherry']

- pop()

const fruits = ["apple", "banana", "cherry"];

const removedFruit = fruits.pop();

console.log(removedFruit); // 印出 cherry
console.log(fruits); // 印出 ['apple', 'banana']

5 unshift() 和 shift()：在數組的開頭，增加和刪除元素
- unshift()

const fruits = ['apple', 'banana', 'cherry'];

fruits.unshift('orange');

console.log(fruits); // 印出 ['orange', 'apple', 'banana', 'cherry']

- shift()

const fruits = ['apple', 'banana', 'cherry'];

const removedFruit = fruits.shift();

console.log(removedFruit); // 'apple'
console.log(fruits); // 印出 ['banana', 'cherry']

6 join()：將數組的元素連接成一個字串

const fruitsArray = ['apple', 'banana', 'cherry', 'dates'];

// 使用 join() 方法將數組元素結合成一個字串，分隔符為逗號和空格
const fruitsString = fruitsArray.join(', ');

console.log(fruitsString); // 印出 "apple, banana, cherry, dates"

7 splice()：在數組中插入、刪除或替換元素，並修改原本的數組

const numbers = [1, 2, 3, 4, 5];

// 在索引 2 的位置插入元素 6
numbers.splice(2, 0, 6);

console.log(numbers); // 印出 [1, 2, 6, 3, 4, 5]

今天就介紹到這邊，那我們明天見囉～～

明天預計內容：物件和 DOM 的方法!!!