---------
Phần 21. Căn
bản JavaScript (4)_Math_Boolean_Date
Clip 29: đối tượng Math
Đối tượng Math giúp thực hiện các thao tác liên quan đến
toán học. Đối tượng này không có hàm khởi tạo (construtor) nên không tạo được
thể hiện (ý là không thể khai báo biến thuộc kiểu Math), do vậy cần gọi trực
tiếp đối tượng Math khi sử dụng.
Một số thuộc tính của Math:
Thuộc tính
|
Giá trị trả về
|
E
|
Số Euler
(~2.7182) . Ví dụ : console.log(Math.E)
|
LN2
|
Logarit tự nhiên của 2 (0.693)
|
LN10
|
Logarit tự nhiên của 10 (2.302)
|
LOG2E
|
Logarit cơ số 2
của E (1.442)
|
LOG10E
|
Logarit cơ số
10 của E (0.434)
|
PI
|
Số PI (3.14)
|
SQRT2
|
Căn bậc 2 của 2 (1.414)
|
Một số phương thức của Math:
Phương thức
|
Chức năng
|
Abs(x)
|
Trả về giá trị tuyệt đối của số x
|
Ceil(x)
|
Làm tròn lên cho số x
|
Floor(x)
|
Làm tròn xuống cho số x
|
Max(x,y,z,…)
|
Trả về số lớn nhất trong các số truyền vào
|
Min(x,y,z,…)
|
Trả về số nhỏ nhất trong các số truyền vào
|
Pow(x,y)
|
Tính x mũ y
|
Random()
|
Tạo số ngẫu nhiên
|
Sqrt(x)
|
Căn bậc 2 của x
|
Round()
|
Làm tròn
|
Đọc thêm về Math ở đây: https://www.w3schools.com/js/js_math.asp
Clip 30: Bài tập sử dụng Math.
Bài tập: hiển thị ảnh ngẫu nhiên.
<!DOCTYPE html>
<html
lang="en">
<head>
<meta
charset="UTF-8">
<meta
name="viewport" content="width=device-width, initial-scale=1.0">
<meta
http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
* { margin: 0;
padding: 0; }
.content { width:
400px; height: 450px; margin: 20px auto;
padding-top: 5px; }
.content input {margin:
5px auto; display: block; padding: 5px;}
.content #image {width:
300px; height: 300px; margin: 0 auto;border: 2px solid #888;}
.content #image img
{ width: 100%; height: 100%;}
</style>
</head>
<body>
<div
class="content">
<input
type="button" value="Random image"
onclick="showImage();">
<div
id="image">
<img
src="images/01.jpg">
</div>
</div>
<script>
let imgList = [];
imgList[0] =
"images/01.jpg";
imgList[1] =
"images/02.jpg";
imgList[2] =
"images/03.jpg";
imgList[3] =
"images/04.jpg";
imgList[4] =
"images/05.jpg";
function
showImage() {
let randNum =
Math.floor(Math.random()*imgList.length);
let result =
'<img src="' + imgList[randNum] + '">';
document.getElementById('image').innerHTML = result;
}
showImage();
</script>
</body>
</html>
Clip 31. Boolean
Dùng để chuyển một giá trị không phải boolean thành giá trị
boolean (true, false).
Gồm thuộc tính constructor (khởi tạo) và prototype để thêm
thuộc tính/phương thức cho đối tượng.
Phương thức: toString(), valueOf().
Clip 32. Date
Đối tượng Date dùng để xử lý và thao tác với thời gian (ví
dụ: ngày, tháng, năm, giờ, phút, giây).
Clip 33. Các phương thức của Date
Phương thức
|
Chức năng
|
getDate()/setDate()
|
Trả về/thiết lập ngày trong tháng
|
getDay()/setDay()
|
Trả về/thiết lập ngày trong tuần (0 > 6)
|
getFullYear()/setFullYear()
|
Trả về/thiết lập năm (gồm 4 chữ số)
|
getHours()/setHours()
|
Trả về/thiết lập giờ
|
getMilliseconds()/setMilliseconds()
|
Trả về/thiết lập mili giây
|
getMinutes()/setMinutes()
|
Trả về/thiết lập phút
|
getMonth()/setMonth()
|
Trả về/thiết lập tháng (0 > 11)
|
getSeconds()/setSeconds()
|
Trả về/thiết lập giây (0 > 59)
|
getTime()/setTime()
|
Trả về/thiết lập số mili giây, tính từ 01/01/1970 (timestamp)
|
Đọc thêm về Date tại đây: https://www.w3schools.com/js/js_dates.asp
Clip 34. Các phương thức của Date (tt)
Cập nhật [3/9/2020]
-----------