JavaScript常用內置對象

1.數組Array

1.1數組的創建方式

// 直接創建數組
var colors = [‘red‘, ‘blue‘, ‘green‘];
console.log(colors, typeof(colors));

// 使用構造函數，通過new關鍵字創造數組
var colors2 = new Array();
console.log(colors2,typeof(colors2));

1.2數組的賦值

var arr = [];
// JS數組的下標和python一樣從0開始依次遞增
// 給數組添加元素
arr[0] = ‘x‘;
arr[
 
1] = 3;
arr[3] = [1, 2, 3];
console.log(arr);

// 遍歷數組，打印元素
for (i in arr){
    console.log(arr[i]);
}

1.3數組的常用方法

1- 數組的合並concat()

// 1- 數組的合並concat()
var f1 = [‘apple‘, ‘banana‘];
var f2 = [‘orange‘, ‘pear‘];

var fruits = f1.concat(f2);
console.log(fruits);

2- join() 將數組中的元素使用指定的字符串連接起來，它會形成一個新的字符串

// 2- join() 將數組中的元素使用指定的字符串連接起來，它會形成一個新的字符串
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.join(‘**‘));

3- 將數組轉換成字符串 toString()

// 3- 將數組轉換成字符串 toString()
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.toString());

4- slice(start,end); 返回數組的一段，左閉右開

// 4- slice(start,end); 返回數組的一段，左閉右開（顧頭不顧尾）
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.slice(2,3));

5- pop 移除數組的最後一個元素

// 5- pop 移除數組的最後一個元素
var fruits = ["apple", "banana", "orange", "pear"];
fruits.pop();
console.log(fruits);

6- push() 向數組最後添加一個元素

// 6- push() 向數組最後添加一個元素
var fruits = ["apple", "banana", "orange", "pear"];
fruits.push(‘grape‘);
console.log(fruits);

7- reverse() 翻轉數組

// 7- reverse() 翻轉數組
var fruits = ["apple", "banana", "orange", "pear"];
console.log(fruits.reverse());

8- sort對數組排序

// 8- sort對數組排序
var fruits = ["apple", "pear", "banana", "orange"];
fruits.sort();
console.log(fruits);

9- 判斷是否為數組：isArray()

// 9- 判斷是否為數組：isArray()
var fruits = ["apple", "pear", "banana", "orange"];
console.log(Array.isArray(fruits));

2.字符串String

2.1字符串常用方法

2.2常用方法演示

1- chartAt() 返回指定索引的位置的字符，索引從0開始一次遞增

// 1- chartAt() 返回指定索引的位置的字符
var str = ‘I love to eat fish.‘;
console.log(str.charAt(0));
console.log(str.charAt(1));
console.log(str.charAt(2));
console.log(str.charAt(3));
console.log(str.charAt(4));
console.log(str.charAt(5));

2- concat 返回字符串值，表示兩個或多個字符串的拼接

// 2- concat 返回字符串值，表示兩個或多個字符串的拼接
var str1 = ‘ban‘, str2 = ‘ana‘;
console.log(str1.concat(str2));

3- replace(a,b) 將字符串a替換成字符串b

// 3- replace(a,b) 將字符串a替換成字符串b
var str = ‘I love to eat fish.‘;
console.log(str.replace(‘fish‘,‘meat‘));

4- indexof() 查找字符的下標，如果找到返回字符串第一次出現的下標，找不到則返回-1 。跟seach()方法用法一樣

// 4- indexof() 查找字符的下標，如果找到返回字符串的下標，找不到則返回-1 。跟seach()方法用法一樣
var str = ‘I love to eat fish.‘;
console.log(str.indexOf(‘I‘));
console.log(str.indexOf(‘o‘));
console.log(str.indexOf(‘w‘));

5- slice(start，end) 左閉右開（顧頭不顧尾）分割字符串

// 5- slice(start，end) 左閉右開 分割字符串
var str = ‘I love to eat fish.‘;
console.log(str.slice(2,6));

6- split(‘a‘,1) 以字符串a分割字符串，並返回新的數組。如果第二個參數沒寫，表示返回整個數組，如果定義了個數，則返回數組的最大長度

// 6- split(‘a‘,1) 以字符串a分割字符串，並返回新的數組。如果第二個參數沒寫，表示返回整個數組，如果定義了個數，則返回數組的最大長度
var str = ‘I love to eat fish.‘;
arr1 = str.split(‘ ‘);
console.log(‘arr1‘, arr1);
arr2 = str.split(‘ ‘, 2);
console.log(‘arr2‘, arr2);

7- substr(start,end) 左閉右開

// 7- substr(statr,end) 左閉右開
var str = ‘I love to eat fish.‘;
console.log(str.substr(0,7));

8- toLowerCase()轉小寫

// 8- toLowerCase()轉小寫
var str = ‘I love to eat fish.‘;
console.log(‘str:‘, str);
console.log(‘lower:‘, str.toLowerCase());

9- toUpperCase()轉大寫

// 9- toUpperCase()轉大寫
var str = ‘I love to eat fish.‘;
console.log(‘str:‘, str);
console.log(‘upper:‘, str.toUpperCase());

10- 將number類型轉換成字符串類型

// 10- 將number類型轉換成字符串類型
var num = 1314.1314;
console.log(num.toString(),typeof(num.toString()));
// 四舍五入
console.log(num.toFixed(),typeof(num.toFixed()));

3.日期對象Date

3.1日期對象的創建

創建日期對象只有構造函數一種方式,使用new關鍵字

//創建了一個date對象
var myDate = new Date();

3.2日期對象常用方法

// 創建一個date對象
var myDate = new Date();
// 獲取日期（1-31）
console.log(‘getDate():‘, myDate.getDate());
// 獲取月份（0-11）
console.log(‘getMonth():‘, myDate.getMonth());
// 獲取四位年
console.log(‘getFullYear():‘, myDate.getFullYear());
// 獲取一周中的第幾天（0-6）
console.log(‘getDay():‘, myDate.getDay());
// 獲取小時（0-23）
console.log(‘getHours():‘, myDate.getHours());
// 獲取分鐘（0-59）
console.log(‘getMinutes():‘, myDate.getMinutes());
// 獲取秒數（0-59）
console.log(‘getSeconds():‘, myDate.getSeconds());

4.內置對象Math

4.1Math常用方法

4.2Math常用方法演示

1- Math.floor() 向下取整，‘地板函數‘

// 1- Math.floor() 向下取整，‘地板函數‘
var x = 1314.1314;
var y = Math.floor(x);
console.log(y);

2- Math.ceil() 向上取整，‘天花板函數‘

// 2- Math.ceil() 向上取整，‘天花板函數‘
var x = 1314.1314;
var y = Math.ceil(x);
console.log(y);

3- 求兩個數的最大值和最小值

// 3- 求兩個數的最大值和最小值
var x = 50, y = 100;
console.log(‘min:‘,Math.min(x,y));
console.log(‘max:‘,Math.max(x,y));

4- 隨機數 Math.random()

// 4- 隨機數 Math.random()
var ranNum = Math.random();
console.log(ranNum);[0,1]
// min - max之間的隨機數： min+Math.random()*(max-min)
// 100-200之間的隨機數
console.log(100+ranNum*(200-100));

07-JavaScript常用內置對象