Kiểu dữ liệu JS

Thứ Ba, 09/06/2020

Tram Ho

A. Number

1. Overview

Number trong JavaScript dùng cho cả số nguyên (integer) và số thực (float), và luôn hỗ trợ số có dấu (signed). Kiểu dữ liệu được xác định trên giá trị gán cho nó (value) chứ không cần chỉ định rõ ràng.

<span class="token keyword">let</span> a <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">,</span> b <span class="token operator">=</span> <span class="token number">2.5</span><span class="token punctuation">;</span>  <span class="token comment">// Khai báo nhiều biến trên cùng dòng</span>
<span class="token keyword">let</span> c <span class="token operator">=</span> <span class="token number">12e-3</span><span class="token punctuation">;</span>  <span class="token comment">// Số thực dạng khoa học</span>
<span class="token keyword">let</span> d <span class="token operator">=</span> <span class="token number">.25</span><span class="token punctuation">;</span>  <span class="token comment">// Rút gọn cho 0.25</span>
<span class="token keyword">let</span> e <span class="token operator">=</span>
    <span class="token number">10</span><span class="token punctuation">;</span>  <span class="token comment">// Viết trên nhiều dòng</span>

let a = 5, b = 2.5; // Khai báo nhiều biến trên cùng dòng

let c = 12e-3; // Số thực dạng khoa học

let d = .25; // Rút gọn cho 0.25

let e =

10; // Viết trên nhiều dòng

Vì không phân biệt số nguyên và số thực, nên có thể viết số nguyên dạng có chấm hoặc không chấm như nhau.

Số thực có thể viết dạng thập phân hoặc khoa học, số dạng 0.abc được viết gọn lại thành .abc.

<span class="token keyword">let</span> x <span class="token operator">=</span> <span class="token number">0xff</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> y <span class="token operator">=</span> <span class="token number">017</span><span class="token punctuation">;</span>

let x = 0xff;

let y = 017;

Có thể viết số dạng hexa (hệ 16) với tiền tố 0x ở đầu, hoặc một số phiên bản JS cho phép số hệ octal (hệ 8) bằng cách viết chữ số đầu tiên là 0. Do đó, không nên viết số với chữ số 0 ở đầu, trừ khi bạn hiểu rõ bạn đang làm gì.

2. Operators

Các toán tử trong JS tương tự trong các ngôn ngữ khác. Từ ES6 trở đi có thêm toán tử ** để tính lũy thừa.

Phép cộng trong JS có điểm đặc biệt, là khi cộng một number với một string sẽ cho kết quả là string (phép nối chuỗi).

<span class="token keyword">let</span> x <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> y <span class="token operator">=</span> <span class="token string">"Hi "</span> <span class="token operator">+</span> x<span class="token punctuation">;</span>  <span class="token comment">// y = "Hi 5"</span>

let x = 5;

let y = "Hi " + x; // y = "Hi 5"

Đối với phép tính khác như nhân chia,… giữa hai string có nội dung số, JS sẽ cố gắng chuyển đổi thành số và thực hiện tính. Ví dụ.

<span class="token keyword">let</span> s1 <span class="token operator">=</span> <span class="token string">"2000"</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> s2 <span class="token operator">=</span> <span class="token string">"10"</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> result <span class="token operator">=</span> s1 <span class="token operator">/</span> s2<span class="token punctuation">;</span>  <span class="token comment">// result = 200</span>

let s1 = "2000";

let s2 = "10";

let result = s1 / s2; // result = 200

3. Special value

Hai value number đặc biệt trong JS là NaN (not a number) và Infinity. Hai giá trị đặc biệt này thuộc kiểu number, khi dùng typeof cho ra kết quả number.

<span class="token keyword">let</span> x <span class="token operator">=</span> NaN<span class="token punctuation">;</span>
<span class="token keyword">let</span> y <span class="token operator">=</span> Infinity<span class="token punctuation">;</span>
<span class="token keyword">typeof</span> x<span class="token punctuation">;</span>  <span class="token comment">// number</span>
<span class="token keyword">typeof</span><span class="token punctuation">(</span>y<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// number</span>

let x = NaN;

let y = Infinity;

typeof x; // number

typeof(y); // number

NaN value

Giá trị NaN được trả về khi thực hiện phép tính không hợp lệ, chẳng hạn chia một chuỗi cho một số (chuỗi không có nội dung làd số). Khi đó kết quả phép tính là NaN.

<span class="token keyword">let</span> x <span class="token operator">=</span> <span class="token number">100</span> <span class="token operator">/</span> <span class="token string">"Apple"</span><span class="token punctuation">;</span>
<span class="token function">isNaN</span><span class="token punctuation">(</span>x<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>

let x = 100 / "Apple";

isNaN(x); // true

Sử dụng hàm isNaN() để kiểm tra xem một số có mang giá trị NaN hay không.

Trong những biểu thức có chứa NaN, thì kết quả cuối cùng là NaN. Nếu kết quả dạng chuỗi, JS sẽ chuyển đổi NaN thành chuỗi “NaN” và ghép lại cho phù hợp.

Infinity value

Số vô cực dương (Infinity) và vô cực âm (-Infinity) được trả về khi kết quả biểu thức quá lớn so với giới hạn của JS. Infinity cũng được trả về nhờ phép chia một số cho 0.

<span class="token keyword">let</span> x <span class="token operator">=</span> <span class="token number">5</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> y <span class="token operator">=</span> <span class="token number">5</span> <span class="token operator">/</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token function">isFinite</span><span class="token punctuation">(</span>x<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>
<span class="token function">isFinite</span><span class="token punctuation">(</span>y<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// false</span>

let x = 5;

let y = 5 / 0;

isFinite(x); // true

isFinite(y); // false

Dùng hàm isFinite() để kiểm tra số có hữu hạn hay không, nếu là số vô hạn (Infinity và -Infinity) sẽ trả về false. NaN cũng trả về false.

4. Number methods

Mặc dù number là kiểu primitive (nguyên thủy), nhưng JS thực hiện một số trick để làm number hoạt động tương tự object, nghĩa là có các thuộc tính (property) và phương thức (method).

Các property và method bên dưới không nhất thiết phải gọi từ biến number, có thể gọi từ value, const hoặc biểu thức tính ra number. Ví dụ.

<span class="token keyword">let</span> x <span class="token operator">=</span> <span class="token number">123</span><span class="token punctuation">;</span>
x<span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token number">123</span><span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">(</span><span class="token number">100</span> <span class="token operator">+</span> <span class="token number">23</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let x = 123;

x.toString();

123.toString();

(100 + 23).toString();

5. Number properties

Các thuộc tính bên dưới chỉ được truy cập qua Number, không phải qua biến, hằng hoặc biểu thức như method bên trên. Nếu cố tình vi phạm, thì kết quả trả về là undefined.

Number<span class="token punctuation">.</span>MAX_VALUE<span class="token punctuation">;</span>  <span class="token comment">// Ok</span>
<span class="token number">123.</span>MAX_VALUE<span class="token punctuation">;</span>  <span class="token comment">// Sai</span>

Number.MAX_VALUE; // Ok

123.MAX_VALUE; // Sai

Bên dưới là danh sách các thuộc tính. Có lẽ không cần nói nhiều nữa, chỉ cần đọc qua tên thôi các bạn cũng có thể hiểu được rồi.

Number<span class="token punctuation">.</span>MAX_VALUE<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>MIN_VALUE<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>MAX_SAFE_INTEGER<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>MIN_SAFE_INTEGER<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>POSITIVE_INFINITY<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>NEGATIVE_INFINITY<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>NaN<span class="token punctuation">;</span>
Number<span class="token punctuation">.</span>EPSILON<span class="token punctuation">;</span>

Number.MAX_VALUE;

Number.MIN_VALUE;

Number.MAX_SAFE_INTEGER;

Number.MIN_SAFE_INTEGER;

Number.POSITIVE_INFINITY;

Number.NEGATIVE_INFINITY;

Number.NaN;

Number.EPSILON;

B. Boolean

1. Overview

Boolean lưu trữ hai giá trị đúng (true) và sai (false). Biến kiểu boolean có thể được dùng thay cho điều kiện trong các câu lệnh khác.

let b <span class="token operator">=</span> false<span class="token punctuation">;</span>
<span class="token keyword">if</span> <span class="token punctuation">(</span>b<span class="token punctuation">)</span> <span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>

let b = false;

if (b) ...

Các biểu thức so sánh (comparison) và logic đều trả về một giá trị boolean.

2. Everything is boolean

Trong JS, mọi thứ đều có thể đem ra so sánh thành kiểu boolean, và được xác định theo quy tắc sau:

False: chứa giá trị rỗng, ví dụ như 0, false, “”, null, undefined và NaN
True: ngược lại các trường hợp trên, và thêm Infinity và -Infinity nữa.

3. Properties & methods

Boolean không có nhiều property và method, chủ yếu là hai method toString() (chuyển thành string) và valueOf() (lấy giá trị primitive – trong trường hợp này không có nhiều ý nghĩa).

C. String

1. Overview

String (chuỗi) dùng lưu dữ liệu dạng text. Nội dung của string được bao lại trong cặp nháy kép hoặc nháy đơn tùy trường hợp. Nếu nội dung chứa nháy kép, thì dùng nháy đơn, và ngược lại. Một số trường hợp code JS trong HTML event, thì phải bắt buộc dùng nháy đơn do nháy kép bị HTML attribute lấy rồi.

<span class="token keyword">let</span> s1 <span class="token operator">=</span> <span class="token string">"I'm Vu"</span><span class="token punctuation">;</span>  <span class="token comment">// Dùng nháy kép, vì bên trong có nháy đơn</span>
<span class="token keyword">let</span> s2 <span class="token operator">=</span> <span class="token string">'He said "ABC" yesterday'</span><span class="token punctuation">;</span>
    <span class="token comment">// Dùng nháy đơn, vì bên trong có nháy kép</span>

let s1 = "I'm Vu"; // Dùng nháy kép, vì bên trong có nháy đơn

let s2 = 'He said "ABC" yesterday';

// Dùng nháy đơn, vì bên trong có nháy kép

Khác với các ngôn ngữ khác, việc truy cập ngoài phạm vi mảng hoặc chuỗi không xảy ra lỗi.

Chuỗi về cơ bản là một mảng các kí tự, có index đếm từ 0.

Escape character

String không thể trực tiếp chứa một số kí tự, do không gõ được trên bàn phím hoặc gây nhầm lẫn (như trường hợp trên). Do đó cần thoát nó bằng cách chèn dấu (backslash) trước kí tự đặc biệt trên. Ví dụ.

<span class="token keyword">let</span> hello1 <span class="token operator">=</span> <span class="token string">"He said "</span><span class="token constant">ABC</span><span class="token string">" yesterday"</span><span class="token punctuation">;</span>  <span class="token comment">// Sai</span>
<span class="token keyword">let</span> hello2 <span class="token operator">=</span> <span class="token string">"He said "ABC" yesterday"</span><span class="token punctuation">;</span>  <span class="token comment">// Ok</span>

let hello1 = "He said "ABC" yesterday"; // Sai

let hello2 = "He said "ABC" yesterday"; // Ok

Kí tự " trong chuỗi phải ghi thành " gọi là escape character (escape sequense)

Ngoài ra các kí tự khác như tab (t), new line (n),… cũng được viết như trên, tương tự các ngôn ngữ khác.

Line breaking

Khi viết code không nên dài quá 80 kí tự một dòng, khi đó nên ngắt xuống dòng mới ngay tại toán tử, không ngắt giữa string như sau là sai.

<span class="token keyword">let</span> s1 <span class="token operator">=</span>
    <span class="token string">"Hello world"</span><span class="token punctuation">;</span>  <span class="token comment">// Ok</span>
<span class="token keyword">let</span> s2 <span class="token operator">=</span> "Hello
    world"<span class="token punctuation">;</span>  <span class="token comment">// Sai</span>

let s1 =

"Hello world"; // Ok

let s2 = "Hello

world"; // Sai

Trong trường hợp nếu muốn ngắt ngay giữa string, nghĩa là chia chuỗi thành 2 dòng, thì phải viết như sau với dấu ở cuối dòng.

let s <span class="token operator">=</span> <span class="token string">"Hello 
    world"</span><span class="token punctuation">;</span>

let s = "Hello

world";

ES6 có template string nhưng tạm thời không nói tới ở đây.

2. Properties & methods

Vì phần property của string chỉ có mỗi cái length, nên mình gộp chung vào đây luôn.

Length property

Thuộc tính length trả về độ dài chuỗi, chú ý length là thuộc tính nên không có ngoặc () tham số.

let s <span class="token operator">=</span> <span class="token string">"ABC"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span>length<span class="token punctuation">;</span>  <span class="token comment">// 3</span>
s<span class="token punctuation">.</span><span class="token function">length</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Sai</span>

let s = "ABC";

s.length; // 3

s.length(); // Sai

Access character

Dùng hai method charAt() và charCodeAt() để lấy kí tự và mã tại một vị trí (index) nào đó.

<span class="token keyword">let</span> s <span class="token operator">=</span> <span class="token string">"ABC"</span><span class="token punctuation">;</span>
s<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">]</span><span class="token punctuation">;</span>  <span class="token comment">// A</span>
s<span class="token punctuation">.</span><span class="token function">charAt</span><span class="token punctuation">(</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// B</span>
s<span class="token punctuation">.</span><span class="token function">charCodeAt</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 67 (mã của kí tự C là 67)</span>

let s = "ABC";

s[0]; // A

s.charAt(1); // B

s.charCodeAt(2); // 67 (mã của kí tự C là 67)

Chú ý chuỗi mã hóa UTF-16, nên có thể chứa tiếng Việt và có mã trong khoảng 0 – 65535.

ES5 giới thiệu cách dùng [] để truy xuất kí tự trong chuỗi, tương tự như mảng. Khi không tìm thấy kí tự, [] trả về undefined trong khi charAt() trả về rỗng.

Ngoài ra không thể thay đổi nội dung của string, vì JS string là immutable (bất biến). Mọi thay đổi vào string phải tạo chuỗi mới, do đó các method tiếp theo sẽ trả về chuỗi mới thay vì thay đổi trực tiếp lên chuỗi cũ.

Nếu cố tình thay đổi chuỗi, thì không có lỗi nhưng không có gì xảy ra cả.

String concat

Có nhiều cách nối chuỗi, gồm dùng phép +, dùng method concat() hoặc gom thành mảng rồi join(). Phần này chỉ nó về method concat().

<span class="token keyword">let</span> s1 <span class="token operator">=</span> <span class="token string">"Hello"</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> s2 <span class="token operator">=</span> <span class="token string">"world"</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> s3 <span class="token operator">=</span> s1 <span class="token operator">+</span> <span class="token string">" "</span> <span class="token operator">+</span> s2<span class="token punctuation">;</span>  <span class="token comment">// Dùng phép cộng</span>
<span class="token keyword">let</span> s4 <span class="token operator">=</span> s1<span class="token punctuation">.</span><span class="token function">concat</span><span class="token punctuation">(</span><span class="token string">" "</span><span class="token punctuation">,</span> s2<span class="token punctuation">;</span>  <span class="token comment">// Dùng method concat</span>
<span class="token keyword">let</span> s5 <span class="token operator">=</span> <span class="token punctuation">[</span>s1<span class="token punctuation">,</span> s2<span class="token punctuation">]</span><span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span><span class="token string">" "</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Gom thành mảng rồi join thành chuỗi</span>

let s1 = "Hello";

let s2 = "world";

let s3 = s1 + " " + s2; // Dùng phép cộng

let s4 = s1.concat(" ", s2; // Dùng method concat

let s5 = [s1, s2].join(" "); // Gom thành mảng rồi join thành chuỗi

Trim method

Dùng method này để loại bỏ các khoảng trắng (space) ở đầu và cuối chuỗi.

<span class="token keyword">let</span> s <span class="token operator">=</span> <span class="token string">"   This string has 3 spaces before and 2 spaces after  "</span><span class="token punctuation">;</span>
s.trim<span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  // s <span class="token operator">=</span> <span class="token string">"This string ... after"</span>

let s = " This string has 3 spaces before and 2 spaces after ";

s.trim(); // s = "This string ... after"

Uppercase, lowercase

Dùng hai method toUpperCase() và toLowerCase() để chuyển chuỗi thành hoa/thường toàn bộ.

let s <span class="token operator">=</span> <span class="token string">"Hello World"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function">toUpperCase</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function">toLowerCase</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let s = "Hello World";

s.toUpperCase();

s.toLowerCase();

Find substring position

Để tìm vị trí chuỗi con (substring) trong chuỗi đã cho thì có 3 method như sau. Các method này trả về index (vị trí) tìm thấy, nếu không có trả về -1.

<span class="token keyword">let</span> s <span class="token operator">=</span> <span class="token string">"Anh yeu anh"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span><span class="token string">"nh"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Tìm thuận</span>
s<span class="token punctuation">.</span><span class="token function">lastIndexOf</span><span class="token punctuation">(</span><span class="token string">"nh"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Tìm ngược</span>
s<span class="token punctuation">.</span><span class="token function">search</span><span class="token punctuation">(</span><span class="token string">"anh"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Tìm bằng chuỗi</span>
s<span class="token punctuation">.</span><span class="token function">search</span><span class="token punctuation">(</span><span class="token regex">/anh/i</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Tìm khớp regex</span>

let s = "Anh yeu anh";

s.indexOf("nh"); // Tìm thuận

s.lastIndexOf("nh"); // Tìm ngược

s.search("anh"); // Tìm bằng chuỗi

s.search(/anh/i); // Tìm khớp regex

Đúng, đó là 3 method indexOf(), lastIndexOf() và search(). Khác biệt như sau:

indexOf(), lastIndexOf() tìm chính xác chuỗi đã cho. indexOf() tìm từ trái sang phải, trong khi lastIndexOf() tìm ngược lại.
search() hỗ trợ tìm chuỗi chính xác và cả regex, như ví dụ trên chuỗi /anh/i là một regex trong JS.

Ngoài ra search() không có param (tham số) thứ 2 là vị trí bắt đầu tìm, trong khi hai method còn lại có. Vị trí này chỉ định tìm từ index trở đi, không phải tìm từ đầu, giúp tối ưu hơn trong một số bài toán.

Extract substring

Dùng 3 method sau để trích xuất (extract) một phần chuỗi và trả về chuỗi mới.

let s = "Anh yeu anh";
s.substring(0, 3);  // Từ đầu - kết thúc tại index 3 (space)
s.substr(4, 3);  // Từ index 4 - và độ dài 3
s.slice(-3);  // Từ index -3 tới hết chuỗi

let s = "Anh yeu anh";

s.substring(0, 3); // Từ đầu - kết thúc tại index 3 (space)

s.substr(4, 3); // Từ index 4 - và độ dài 3

s.slice(-3); // Từ index -3 tới hết chuỗi

Method substring() không cho phép chỉ số là số âm, trong khi hai method còn lại cho phép. Method này cắt chuỗi từ start index và kết thúc tại end index (kí tự end không được lấy).

Method substr() bắt đầu tìm tại index và lấy ra chuỗi con có độ dài yêu cầu.

Method slice() khá giống substring(), nhưng chấp nhận chỉ số index âm (chỉ số âm sẽ đếm ngược từ cuối chuỗi lên đầu, -1, -2,….).

Replace method

Method replace() dùng để thay thế một phần của chuỗi bằng một chuỗi mới.

<span class="token atom">let</span> <span class="token atom">s</span> <span class="token operator">=</span> <span class="token string">"Anh yeu em cua anh"</span><span class="token punctuation">;</span>
<span class="token atom">s</span><span class="token punctuation">.</span><span class="token function">replace</span><span class="token punctuation">(</span><span class="token string">"anh"</span><span class="token punctuation">,</span> <span class="token string">"em"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token operator">/</span><span class="token operator">/</span> <span class="token string">"Anh yeu em cua em"</span>
<span class="token atom">s</span><span class="token punctuation">.</span><span class="token function">replace</span><span class="token punctuation">(</span><span class="token operator">/</span><span class="token atom">anh</span><span class="token operator">/</span><span class="token atom">gi</span><span class="token punctuation">,</span> <span class="token string">"em"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token operator">/</span><span class="token operator">/</span> <span class="token string">"em yeu em cua em"</span>

let s = "Anh yeu em cua anh";

s.replace("anh", "em"); // "Anh yeu em cua em"

s.replace(/anh/gi, "em"); // "em yeu em cua em"

Tham số 1 là chuỗi cũ, tham số 2 là chuỗi cần thay thế. replace() chấp nhận tham số 1 là chuỗi regex.

Split method

Dùng tách chuỗi thành một mảng các chuỗi con, dựa trên chuỗi phân tách (separator).

let s <span class="token operator">=</span> <span class="token string">"Viet Nam vo dich"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span>split<span class="token punctuation">(</span><span class="token string">""</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Param chuỗi rỗng, tách từng kí tự</span>
s<span class="token punctuation">.</span>split<span class="token punctuation">(</span><span class="token string">" "</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Dấu phân cách là space, tách từng từ</span>

let s = "Viet Nam vo dich";

s.split(""); // Param chuỗi rỗng, tách từng kí tự

s.split(" "); // Dấu phân cách là space, tách từng từ

Khi tách theo dấu phân cách như trên, sẽ gặp trường hợp nhiều dấu phân cách liền nhau. Khi đó split sẽ không hoạt động như mong đợi, ví dụ.

let s <span class="token operator">=</span> <span class="token string">"Viet   Nam"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token string">" "</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// ["Viet", " ", "Nam"]</span>

let s = "Viet Nam";

s.split(" "); // ["Viet", " ", "Nam"]

Để xử lý trường hợp nhiều dấu phân tách liền kề nhau, chúng ta sử dụng regex.

s<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token regex">/ {1,}/</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

1 2	s<span class="token punctuation">.</span><span class="token function">split</span><span class="token punctuation">(</span><span class="token regex">/ {1,}/</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

Chuỗi regex trên đại diện cho 1 hoặc nhiều kí tự space liền kề, do đó regex có thể làm dấu phân tách chuỗi, kết quả cho ra sẽ đúng với những gì bạn nghĩ.

ES6

ES6 bổ sung thêm một số method xử lý string mới.

let s <span class="token operator">=</span> <span class="token string">"Hello world"</span><span class="token punctuation">;</span>
s<span class="token punctuation">.</span><span class="token function">startsWith</span><span class="token punctuation">(</span><span class="token string">"Hello"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>
s<span class="token punctuation">.</span><span class="token function">endsWith</span><span class="token punctuation">(</span><span class="token string">"."</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// false</span>
s<span class="token punctuation">.</span><span class="token function">includes</span><span class="token punctuation">(</span><span class="token string">"o"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>

let s = "Hello world";

s.startsWith("Hello"); // true

s.endsWith("."); // false

s.includes("o"); // true

Mặc dù các method này có thể được thay thế bằng cách so sánh indexOf(), nhưng dùng những method mới sẽ rõ ràng hơn.

D. Array 1

1. Overview

Array (mảng) cho phép lưu trữ nhiều giá trị trong một biến duy nhất (biến mảng). Các phần tử (element) trong array được truy cập theo chỉ số (index) tính từ 0.

Khác với nhiều ngôn ngữ khác, array trong JS cho phép chứa nhiều kiểu dữ liệu khác nhau.

Array declaration

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> names <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">"Vu"</span><span class="token punctuation">,</span> <span class="token string">"John"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> points <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">"Vu"</span><span class="token punctuation">,</span> <span class="token number">10</span><span class="token punctuation">,</span> <span class="token string">"John"</span><span class="token punctuation">,</span> <span class="token number">9.5</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> empty <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>

let primes = [2, 3, 5, 7];

let names = ["Vu", "John"];

let points = ["Vu", 10, "John", 9.5];

let empty = [];

Khai báo mảng gồm tên mảng và danh sách các value trong cặp [], cách nhau bởi dấu phẩy.

Access array element

Sử dụng chỉ số (index) để truy cập phần tử. Chỉ số được tính từ 0.

<span class="token keyword">let</span> third_prime <span class="token operator">=</span> primes<span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span>

1 2	<span class="token keyword">let</span> third_prime <span class="token operator">=</span> primes<span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span>

Nếu vượt quá phạm vi mảng, thì không có lỗi mà giá trị nhận được là undefined.

2. Array and object?

Array is an object

Array thực sự là một object, nếu dùng typeof cho một mảng thì kết quả trả về là object.

Mảng trong JS dùng index truy cập các phần tử, đây là cách tốt nhất. Tuy nhiên tương tự các object khác, những phần tử có thể được truy cập thông qua tên thuộc tính.

Creating array as an object

Array thay vì được khai báo bằng cách gán giá trị thông thường, còn có thể được khai báo bởi từ khóa new và Array constructor.

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Array</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let primes = new Array(2, 3, 5, 7);

Array constructor nhận vào danh sách các đối số làm giá trị khởi tạo cho mảng. Tuy nhiên, không nên dùng cách này vì rối rắm và gây lỗi. Ví dụ.

<span class="token keyword">let</span> a <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Array</span><span class="token punctuation">(</span><span class="token number">10</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let a = new Array(10);

Nghĩa là gì, tạo mảng a có một giá trị 10, hay mảng a có 10 giá trị ban đầu??? Do đó, nên khai báo array với [] như bình thường thôi.

Associative array

Như đã nói, thì array trong JS thực sự là một object, nó sẽ có tên thuộc tính và value của thuộc tính đó. Thay vì truy cập value qua index, thì dạng object sẽ sử dụng tên thuộc tính để truy cập.

Do đó, array dạng này gọi là associative array, có index được đặt tên (named index).

Khi khai báo với [] thì chỉ tạo value và index. Để thực sự có tên thuộc tính, cần phải gán thêm giá trị cho mảng.

let age <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
age<span class="token punctuation">[</span><span class="token double-quoted-string string">"John"</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token number">19</span><span class="token punctuation">;</span>
age<span class="token punctuation">[</span><span class="token double-quoted-string string">"Josie"</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token number">20</span><span class="token punctuation">;</span>

let age = [];

age["John"] = 19;

age["Josie"] = 20;

Lúc này, chúng ta có thể gọi a["John"] thay vì a[i] để truy cập value. Index là số, trong trường hợp này đã được đặt tên là “John”.

Chú ý, lúc này một số method, property sẽ cho giá trị không đúng. Và nên hạn chế dùng array dạng này, nếu muốn có tên thuộc tính thì dùng object thay thế.

3. Properties & methods 1

Length property

Trả về độ dài mảng. Chú ý length là thuộc tính, không phải method, nên viết như sau là sai.

primes.length;  // Ok
primes.length();  // Sai

primes.length; // Ok

primes.length(); // Sai

length có một số hành vi kì lạ, cụ thể giá trị của length là giá trị index cao nhất có value + 1. Ví dụ mảng [1, 2, 3, 4] có chỉ số cao nhất là 3, nên length được tính là 3 + 1 = 4.

Điều này dẫn tới một vấn đề sau đây.

let a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
a<span class="token punctuation">[</span><span class="token number">6</span><span class="token punctuation">]</span> <span class="token operator">=</span> <span class="token number">6</span><span class="token punctuation">;</span>

let a = [0, 1, 2, 3];

a[6] = 6;

Bạn nghĩ a.length sẽ có giá trị bao nhiêu? Nếu là 5 thì bạn sai rồi đó, bây giờ length là 7 (index cao nhất 6 + 1 = 7). Rõ ràng nó không đúng với logic suy nghĩ của mình, khi mảng chỉ có 5 phần tử mà length lại là 7.

Thực ra, cấu trúc mảng a bây giờ như sau.

<span class="token punctuation">[</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> empty<span class="token punctuation">,</span> empty<span class="token punctuation">,</span> <span class="token number">6</span><span class="token punctuation">]</span>

[0, 1, 2, 3, empty, empty, 6]

Xuất hiện những khoảng empty (chưa có value) bên trong mảng, và nó làm thuộc tính length bị tính sai.

Do đó, thay vì gán trực tiếp như trên, nên sử dụng các method được trình bày tiếp theo đây để thêm phần tử vào mảng một cách an toàn.

Unshift & push method

let primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
primes<span class="token punctuation">.</span><span class="token function">push</span><span class="token punctuation">(</span><span class="token number">7</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
primes<span class="token punctuation">.</span><span class="token function">unshift</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
    <span class="token comment">// Primes = [2, 3, 5, 7]</span>

let primes = [3, 5];

primes.push(7);

primes.unshift(2);

// Primes = [2, 3, 5, 7]

Hai method này thêm element vào mảng và trả về độ dài mảng mới. push() thêm vào cuối còn unshift() thêm vào đầu mảng (các phần tử khác bị đẩy về sau 1 đơn vị).

Shift & pop method

primes<span class="token punctuation">.</span><span class="token function">pop</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 7</span>
primes<span class="token punctuation">.</span><span class="token function">shift</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 2</span>
    <span class="token comment">// Primes = [3, 5]</span>

primes.pop(); // 7

primes.shift(); // 2

// Primes = [3, 5]

Hai method này xóa element ra khỏi mảng, và return giá trị vừa xóa. pop() xóa ở cuối còn shift() xóa ở đầu (các phần tử khác bị dời về trước 1 đơn vị).

Delete element

delete primes<span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span>  <span class="token comment">// Xóa phần tử thứ 3</span>

1 2	delete primes<span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span> <span class="token comment">// Xóa phần tử thứ 3</span>

Xóa element của array nhưng không dời chỗ các element khác. Xem lại ví dụ vấn đề của length, thì có thể dùng lệnh này để xóa đi một phần tử, xem như nó chưa từng có value.

Xóa toàn bộ mảng

Có hai cách, gán cho nó mảng rỗng [] hoặc đặt length thành 0.

IndexOf, lastIndexOf method

Dùng tìm vị trí một value trong mảng, tương tự như của string.

E. Array 2

1. Methods 2

Is array?

Để kiểm tra một đối tượng có phải array hay không có nhiều cách. Dưới đây trình bày một số cách cơ bản.

let primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
Array<span class="token punctuation">.</span><span class="token function">isArray</span><span class="token punctuation">(</span>primes<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>

let primes = [2, 3, 5, 7];

Array.isArray(primes); // true

Method Array.isArray() được giới thiệu trong ES5, giúp check xem một biến có phải là mảng hay không.

Vì array là object, nên chúng ta có cách thứ 2 là dùng toán tử instanceof.

primes <span class="token keyword">instanceof</span> <span class="token class-name">Array</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>

1 2	primes <span class="token keyword">instanceof</span> <span class="token class-name">Array</span><span class="token punctuation">;</span> <span class="token comment">// true</span>

Ngoài ra còn có một cách là tìm chữ “Array” trong code constructor (thuộc tính constructor) của biến đó. Nhưng chúng ta không dùng cách này vì hơi nhảm và chậm.

Array concat

Dùng method concat() để gộp hai mảng thành 1, method trả về một mảng mới.

<span class="token keyword">let</span> a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">"Mike"</span><span class="token punctuation">,</span> <span class="token string">"John"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> b <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token string">"Josie"</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> d <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> d <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">concat</span><span class="token punctuation">(</span>b<span class="token punctuation">,</span> c<span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// d = ["Mike", "John", "Josie"]</span>

let a = ["Mike", "John"];

let b = ["Josie"];

let d = [];

let d = a.concat(b, c); // d = ["Mike", "John", "Josie"]

Ngoài ra còn cách khác là dùng spread operator (ES6) để nối nhanh hơn, nhưng không bàn tới ở đây.

Splice method

Method này vừa xóa các phần tử đã có, vừa thêm các phần tử mới vào.

let primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">,</span> <span class="token number">11</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
primes<span class="token punctuation">.</span><span class="token function">splice</span><span class="token punctuation">(</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
    <span class="token comment">// Tại index 2, xóa 1 số (số 4), sau đó chèn thêm 2 số (5 và 7) vào</span>
    <span class="token comment">// primes = [2, 3, 5, 7, 11]</span>

let primes = [2, 3, 4, 11];

primes.splice(2, 1, 5, 7];

// Tại index 2, xóa 1 số (số 4), sau đó chèn thêm 2 số (5 và 7) vào

// primes = [2, 3, 5, 7, 11]

Ngoài ra, splice() còn có thể dùng chỉ để xóa hoặc chèn thêm.

Slice method

Giống với string, method slice() dùng cắt một phần mảng và trả về mảng mới.

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">11</span><span class="token punctuation">,</span> <span class="token number">13</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> primes_smaller_than_10 <span class="token operator">=</span> primes<span class="token punctuation">.</span><span class="token function">slice</span><span class="token punctuation">(</span><span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Start 0, end 4</span>
<span class="token keyword">let</span> primes_greater_than_10 <span class="token operator">=</span> primes<span class="token punctuation">.</span><span class="token function">slice</span><span class="token punctuation">(</span><span class="token number">4</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// từ index 4 tới hết</span>

let primes_smaller_than_10 = primes.slice(0, 4); // Start 0, end 4

let primes_greater_than_10 = primes.slice(4); // từ index 4 tới hết

slice() có thể có 1 hoặc 2 tham số, nếu tham số 2 không có thì nó sẽ cắt tới hết mảng. Nếu có đối số thứ 2 thì đó là vị trí dừng, phần tử ở vị trí end không được lấy.

Chú ý tên method là slice(), khác với splice() ở trên.

Join & toString method

Hai method này dùng chuyển mảng thành một chuỗi duy nhất.

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
primes<span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 2,3,5,7</span>

primes.toString(); // 2,3,5,7

toString() chuyển thành chuỗi, phân tách các phần tử bởi dấu phẩy và viết sát nhau. Phần tử cuối không có phẩy (not trailing comma).

Trong khi đó join() thì nâng cao hơn một chút. Method này nhận vào một chuỗi làm dấu phân tách tùy chỉnh, ví dụ muốn đẹp hơn thì dùng join().

primes<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span><span class="token string">", "</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 2, 3, 5, 7</span>

1 2	primes<span class="token punctuation">.</span><span class="token function">join</span><span class="token punctuation">(</span><span class="token string">", "</span><span class="token punctuation">)</span><span class="token punctuation">;</span> <span class="token comment">// 2, 3, 5, 7</span>

Nếu join() không có tham số thì giống như toString().

2. Sorting

String sort

Array có hai method để sắp xếp và đảo ngược mảng là sort() và reverse().

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
primes<span class="token punctuation">.</span><span class="token function">sort</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>   <span class="token comment">// [2, 3, 5, 7]</span>
primes<span class="token punctuation">.</span><span class="token function">reverse</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// [7, 5, 3, 2]</span>

let primes = [5, 3, 7, 2];

primes.sort(); // [2, 3, 5, 7]

primes.reverse(); // [7, 5, 3, 2]

sort() sắp xếp tăng dần, nếu muốn giảm dần thì dùng thêm reverse() để đảo lại.

Nhưng có vấn đề, sort() mặc định sẽ sắp xếp chuỗi (string sort), nên các số bị xếp sai (ví dụ 11 nhỏ hơn 2). Do đó, để sắp xếp các mảng số thì cần dùng numberic sort như bên dưới.

Numberic sort

Ở đây chúng ta cũng dùng method sort() với 1 tham số là hàm callback tùy chỉnh cách so sánh, gọi là compare function. Function này nhận vào hai số, và kết quả trả về sẽ quyết định cách sort.

primes.sort(function(a, b) { return a - b; });

1 2	primes.sort(function(a, b) { return a - b; });

Kết quả trên cho mảng sắp xếp tăng dần. Để xếp giảm dần, không cần dùng reverse() trong trường hợp này, chỉ cần sửa return a - b thành return b - a trong code trên là được.

3. Find max, min

Tìm max, min trong mảng nhanh chóng thì dùng method Math.max() và Math.min(). Chú ý không gọi như cách bình thường được, vì các method trên không nhận mảng, do đó cần gọi với apply() như sau.

Math<span class="token punctuation">.</span>max<span class="token punctuation">.</span><span class="token keyword">apply</span><span class="token punctuation">(</span><span class="token boolean">null</span><span class="token punctuation">,</span> primes<span class="token punctuation">)</span><span class="token punctuation">;</span>
Math<span class="token punctuation">.</span>min<span class="token punctuation">.</span><span class="token keyword">apply</span><span class="token punctuation">(</span><span class="token boolean">null</span><span class="token punctuation">,</span> primes<span class="token punctuation">)</span><span class="token punctuation">;</span>

Math.max.apply(null, primes);

Math.min.apply(null, primes);

Tham số null không cần quan tâm, vì chúng ta không truyền object gì vào cho apply() cả.

F. Iteration methods

1. Overview

ES5 có thêm một số iteration methods, là những method dùng để lặp, duyệt qua tất cả phần tử của iterable object, hiểu đơn giản là những đối tượng có thể lặp qua (iterable). Trong phần này chỉ xét tới array.

Các iteration method đều yêu cầu truyền 1 param dạng callback function. Function này có dạng như sau.

<span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>  <span class="token comment">// Dạng rút gọn</span>
<span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> index<span class="token punctuation">,</span> array<span class="token punctuation">)</span> <span class="token punctuation">{</span><span class="token punctuation">}</span>  <span class="token comment">// Dạng đủ</span>

function(value) {} // Dạng rút gọn

function(value, index, array) {} // Dạng đủ

Qua mỗi lần duyệt một phần tử, thì thông tin sẽ được cập nhật và hàm callback trên được gọi một lần, với thông tin mới. Do đó, chúng ta đặt các xử lý bên trong chúng, và return về một giá trị phù hợp với chức năng từng method.

Nếu vẫn chưa hiểu, không sao cả, hãy đi vào ví dụ bên dưới.

Không nhất thiết các method này duyệt hết mảng, một số method chỉ duyệt đủ điều kiện là dừng ngay, như some() hoặc every().

2. Iteration methods

Array looping

Để lặp qua các phần tử của mảng thì chúng ta có thể dùng vòng lặp for như bình thường, lặp qua các index và truy cập phần tử qua index.

Hoặc ES5 có thêm vòng lặp for of như sau.

let a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">for</span> <span class="token punctuation">(</span>let e of a<span class="token punctuation">)</span>
    <span class="token punctuation">.</span><span class="token punctuation">.</span><span class="token punctuation">.</span>

for (let e of a)

...

Trong mỗi lần lặp như vậy e sẽ lần lượt mang từng giá trị của phần tử trong mảng. Nhược điểm cách này là không biết được index cua phần tử là bao nhiêu, muốn biết cần thêm vài dòng code rườm rà nữa.

Do đó, method forEach() ra đời như một cách thức nâng cao hơn để lặp mảng.

a<span class="token punctuation">.</span><span class="token function">forEach</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> index<span class="token punctuation">,</span> array<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token operator">...</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

a.forEach(function(value, index, array) {

...

});

Chú ý tới function ẩn danh (không có tên) có chứa 3 tham số value, index, array. Các bạn sẽ gặp lại nó trong suốt phần này.

Hàm callback trên có 3 tham số, nhưng có thể bỏ đi hai tham số sau nếu không cần thiết, chỉ cần giữ lại value. Với method forEach() có tới 3 tham số như trên, chúng ta có thể vừa biết value, vừa biết được index đang ở vị trí nào, vừa có thể truy cập array. Quá tiện phải không, nhưng bù lại thì tốc độ sẽ chậm hơn.

Map method

Tạo mảng mới có độ dài giống mảng ban đầu, nhưng các phần tử có giá trị được tính toán, biến đổi mới lại theo một cách nào đó.

let a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
let b <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token function">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>  <span class="token comment">// Đã rút gọn callback</span>
    <span class="token keyword">return</span> value <span class="token operator">*</span> <span class="token number">2</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// b = [2, 4, 6, 8]</span>

let a = [1, 2, 3, 4];

let b = a.map(function(value) { // Đã rút gọn callback

return value * 2;

});

// b = [2, 4, 6, 8]

Method map() tạo array mới, với từng phần tử trong array cũ sẽ được áp dụng một số phép biến đổi (trong code là nhân 2) để thành phần tử mới. Thao tác này gọi là map.

Chú ý return trong callback là return từng giá trị mới cho mảng mới được tổng hợp.

Filter method

Trả về mảng mới, gồm các phần tử nào trong mảng cũ khớp với điều kiện gì đó.

let primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">11</span><span class="token punctuation">,</span> <span class="token number">13</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
let primes_smaller_than_10 <span class="token operator">=</span> primes<span class="token punctuation">.</span><span class="token function">filter</span><span class="token punctuation">(</span><span class="token function">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> value <span class="token operator">&lt;</span> <span class="token number">10</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// b = [2, 3, 5, 7]</span>

let primes_smaller_than_10 = primes.filter(function(value) {

return value < 10;

});

// b = [2, 3, 5, 7]

Method filter() duyệt từng phần tử, với mỗi phần tử xét xem nó có được thêm vào mảng mới hay không.

Return của filter là return boolean, true thì phần tử được nhận, false thì phần tử bị bỏ qua.

Every, some method

Toàn bộ method trả về boolean, every() kiểm tra mảng có tất cả phần tử hợp điều kiện, trong khi some() chỉ cần một phần tử khớp điều kiện cho là ok.

<span class="token keyword">let</span> primes <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">11</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> is_odd_all <span class="token operator">=</span> primes<span class="token punctuation">.</span><span class="token function">every</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> value <span class="token operator">%</span> <span class="token number">2</span> <span class="token operator">===</span> <span class="token number">1</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// false</span>
<span class="token keyword">let</span> any_bigger_than_10 <span class="token operator">=</span> primes<span class="token punctuation">.</span><span class="token function">some</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> value <span class="token operator">&gt;</span> <span class="token number">10</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// true</span>

let is_odd_all = primes.every(function(value) {

return value % 2 === 1;

}); // false

let any_bigger_than_10 = primes.some(function(value) {

return value > 10;

}); // true

Cả hai method duyệt từng element, every() tất cả element phải return true thì every mới true, còn some() chỉ cần một element true là true ngay.

Find, findIndex method

Dùng trả về vị trí một value trong mảng. find() trả về value, trong khi findIndex() trả về index của value tìm thấy (phần tử đầu tiên). Nếu không có, find() trả về undefined và findIndex() trả về -1.

Lưu ý “find” ở đây không chỉ đơn thuần là tìm một giá trị trong mảng, mà chính xác hơn nó tìm phần tử đầu tiên khớp với một điều kiện nào đó.

<span class="token keyword">let</span> a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">13</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> pos <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">findIndex</span><span class="token punctuation">(</span><span class="token keyword">function</span><span class="token punctuation">(</span>value<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> value <span class="token operator">&gt;</span> <span class="token number">10</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// pos = 3</span>

let a = [3, 5, 2, 13, 4];

let pos = a.findIndex(function(value) {

return value > 10;

});

// pos = 3

Bên trong callback, chúng ta return một boolean mô tả điều kiện tìm thấy, ví dụ như bằng 5 (tìm số 5 trong mảng), nhỏ hơn 5 (tìm số đầu tiên nhỏ hơn 5),…)

Nếu đang tìm giữa chừng mà tìm thấy value khớp điều kiện, thì dừng lại luôn không xét nữa.

Reduce, reduceRight

Reduce là thao tác từ một array nhiều phần tử “giảm” (reduce) xuống còn một giá trị duy nhất. Thường dùng cho tính tổng tất cả phần tử trong mảng, ta gọi là “giảm dần mảng thành một tổng” thay vì “tính tổng của toàn bộ mảng”.

reduce() và reduceRight() hơi khác với các iteration method khác, là callback của nó có thêm một tham số prevValue đầu tiên.

let a <span class="token operator">=</span> <span class="token punctuation">[</span><span class="token number">1</span><span class="token punctuation">,</span> <span class="token number">2</span><span class="token punctuation">,</span> <span class="token number">3</span><span class="token punctuation">,</span> <span class="token number">4</span><span class="token punctuation">,</span> <span class="token number">5</span><span class="token punctuation">]</span><span class="token punctuation">;</span>
let sum <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">reduce</span><span class="token punctuation">(</span><span class="token function">function</span><span class="token punctuation">(</span>prevValue<span class="token punctuation">,</span> value<span class="token punctuation">,</span> index<span class="token punctuation">,</span> array<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">return</span> prevValue <span class="token operator">+</span> value<span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token comment">// sum = 15</span>

let sum = a.reduce(function(prevValue, value, index, array) {

return prevValue + value;

});

// sum = 15

Giá trị prevValue là giá trị được “gom” lại trước đó. Trong đoạn code trên thì giá trị trước đó được cộng thêm value vào, và return thành giá trị mới. Giá trị này trong vòng lặp tiếp theo sẽ trở thành prevValue.

Tóm lại, sau khi lặp hết mọi phần tử, prevValue từ 0 được cộng dần lên, và cuối cùng thành tổng của mảng. Tổng này được trả về cho method reduce() (hoặc reduceRight()).

Hai method trên còn nhận vào param 2 phía sau hàm callback, là khởi tạo giá trị ban đầu cho prevValue.

reduceRight() tương tự reduce(), nhưng được chạy từ cuối mảng lên đầu, vậy thôi.

3. Arrow function

Thường thì người ta sẽ dùng arrow function (ES6) trong trường hợp này để viết code ngắn hơn. Ví dụ thay vì.

<span class="token keyword">let</span> b <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token function">function</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> index<span class="token punctuation">,</span> array<span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token punctuation">...</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let b = a.map(function(value, index, array) {

...

});

thì sẽ viết với arrow function là

<span class="token keyword">let</span> b <span class="token operator">=</span> a<span class="token punctuation">.</span><span class="token function">map</span><span class="token punctuation">(</span><span class="token punctuation">(</span>value<span class="token punctuation">,</span> index<span class="token punctuation">,</span> array<span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span> <span class="token punctuation">...</span> <span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let b = a.map((value, index, array) => { ... });

hoặc

let b = a.map(value =&gt; { ... });

1 2	let b = a.map(value => { ... });

Nếu bạn chưa biết arrow function thì đừng lo, các bài sau sẽ có nói tới. Trong các code phía trên mình viết function callback dạng thường cho dễ hiểu.

G. Date

1. Date object

Để thực hiện các thao tác với thời gian, chúng ta sử dụng đối tượng Date. Chú ý thời gian ở đây gồm ngày tháng (date) và thời gian (time).

Có 4 cách để tạo date object, bằng các tham số khác nhau được truyền cho Date constructor.

Current datetime

<span class="token keyword">let</span> current <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

1 2	<span class="token keyword">let</span> current <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

Date() constructor không có param sẽ lấy thời gain hiện tại lưu vào biến. Chú ý thời gian lưu vào là cố định, không tự động thay đổi trừ khi bạn cập nhật lại cho nó.

Custom datetime

let birthday <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token function">Date</span><span class="token punctuation">(</span><span class="token number">2001</span><span class="token punctuation">,</span> <span class="token number">7</span><span class="token punctuation">,</span> <span class="token number">27</span><span class="token punctuation">,</span> <span class="token number">6</span><span class="token punctuation">,</span> <span class="token number">30</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">,</span> <span class="token number">0</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let birthday = new Date(2001, 7, 27, 6, 30, 0, 0);

Nhận 7 tham số lần lượt là năm (year), tháng (month), ngày (day), giờ (hour), phút (minute), giây (second) và mili giây (milisecond – msec).

Có hai chú ý sau:

Năm nếu có 1 hoặc 2 chữ số, thì hiểu là năm 19AB.
Tháng trong JS đếm từ 0, do đó số 7 sẽ là tháng 8.

Miliseconds

JS thực sự lưu trữ thời gian dưới dạng số nguyên cực lớn, là số mili giây trôi qua từ thời điểm gốc.

Thời điểm được chọn làm mốc của JS là 1/1/1970, 00:00:00.

let root = new <span class="token function">Date</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span>

1 2	let root = new <span class="token function">Date</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span>

Số miliseconds có thể là số âm, như vậy thì thời điểm sẽ được lùi về quá khứ.

String datetime

JS cũng cho phép nhận chuỗi ngày tháng và tự động phân tích ra thời gian phù hợp. Chuỗi datetime này phải tuân theo một số chuẩn nhất định để JS nhận diện chính xác, đọc thêm phần tiếp theo.

let birthday <span class="token operator">=</span> new <span class="token keyword">Date</span><span class="token punctuation">(</span><span class="token string">"August 27, 2001 06:30:00"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

1 2	let birthday <span class="token operator">=</span> new <span class="token keyword">Date</span><span class="token punctuation">(</span><span class="token string">"August 27, 2001 06:30:00"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

2. Date format

JS cho phép nhận diện chuỗi ngày tháng theo một quy tắc nhất định, gồm ngày chuẩn ISO, ngày dài (long date) hoặc ngày ngắn (short date) được chấp nhận.

ISO date

<span class="token number">2001</span><span class="token operator">-</span><span class="token number">08</span><span class="token operator">-</span><span class="token number">27</span>
<span class="token number">2001</span><span class="token operator">-</span><span class="token number">08</span>
<span class="token number">2001</span>

2001-08-27

2001-08

2001

Bên trên là một số ví dụ chuỗi ISO date được chấp nhận.

2001-08-27T06:30:00Z

1 2	2001-08-27T06:30:00Z

Thời gian trên có chữ “T” phân tách ngày tháng và thời gian. Chữ “Z” ở cuối cho biết đây là thời gian UTC, múi giờ GMT (0). Hoặc có thể bỏ Z đi và chỉ định độ lệch múi giờ như sau.

2001<span class="token property">-08-27T06</span><span class="token punctuation">:</span>30<span class="token punctuation">:</span>00+07<span class="token punctuation">:</span>30

1 2	2001<span class="token property">-08-27T06</span><span class="token punctuation">:</span>30<span class="token punctuation">:</span>00+07<span class="token punctuation">:</span>30

Thay chữ “Z” bằng +hh:mm hoặc -hh:mm đều được.

Long date

Long date trong JS có dạng MMM DD yyyy, trong đó dùng dấu space để tách ra. Năm luôn ở cuối cùng và tháng và ngày có thể đổi chỗ cho nhau.

let d1 <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token string">"August 27 2001"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
let d2 <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token string">"27 Aug 2001"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let d1 = new Date("August 27 2001");

let d2 = new Date("27 Aug 2001");

Tháng có thể viết tắt hoặc đầy đủ đều được, và không phân biệt hoa thường.

Short date

Cú pháp chuỗi short date trong JS chấp nhận có dạng MM/dd/yyyy.

3. Date get, set methods

Date object có một số method dạng get_() và set_(), dùng để đọc (get) hoặc thay đổi (change) các thành phần của thời gian.

Get methods

<span class="token keyword">let</span> d <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token string">"2001-08-27"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">getTime</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// Số miligiây</span>
d<span class="token punctuation">.</span><span class="token function">getFullYear</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 2001</span>
d<span class="token punctuation">.</span><span class="token function">getMonth</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 7, vì tháng 8 là index 7</span>
d<span class="token punctuation">.</span><span class="token function">getDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// 1-31, date là ngày trong tháng</span>
d<span class="token punctuation">.</span><span class="token function">getDay</span><span class="token punctuation">(</span><span class="token punctuation">)</span>  <span class="token comment">// 0-6, day là ngày trong tuần, Chủ nhật là 0</span>

let d = new Date("2001-08-27");

d.getTime(); // Số miligiây

d.getFullYear(); // 2001

d.getMonth(); // 7, vì tháng 8 là index 7

d.getDate(); // 1-31, date là ngày trong tháng

d.getDay() // 0-6, day là ngày trong tuần, Chủ nhật là 0

Chú ý các method lấy thời gian cần có s.

d<span class="token punctuation">.</span><span class="token function">getHours</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">getMinutes</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">getSeconds</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">getMiliseconds</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

d.getHours();

d.getMinutes();

d.getSeconds();

d.getMiliseconds();

Ngoài ra còn có các method dạng getUTC_() tương tự để lấy thời gian tại mốc GMT.

Set methods

Tương tự như get_(), nhưng nhận vào các tham số là giá trị mới để gán, thay vì để trống. Ví dụ

<span class="token keyword">let</span> d <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">getMonth</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// return 7</span>
d<span class="token punctuation">.</span><span class="token function">setMonth</span><span class="token punctuation">(</span><span class="token number">7</span><span class="token punctuation">)</span><span class="token punctuation">;</span>  <span class="token comment">// no return</span>

let d = new Date();

d.setMonth(7); // no return

4. Date actions

Display date

Method toString() chuyển date object thành một chuỗi mô tả thời gian, gồm thứ, tháng ngày, năm, giờ, phút, giây, (không có miligiây), múi giờ và tên múi giờ.

Bên cạnh đó ocnf có method toUTCString() để lấy chuỗi thời gian tại GMT.

Get miliseconds

Nếu chri muốn lấy số miligiây của một chuỗi ngày cụ thể mà không cần tạo date object, có thể dùng method Date.parse() để parse chuỗi và lấy ra số miliseconds.

<span class="token keyword">let</span> msec <span class="token operator">=</span> Date<span class="token punctuation">.</span><span class="token function">parse</span><span class="token punctuation">(</span><span class="token string">"August 27, 2001"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> d <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span>msec<span class="token punctuation">)</span><span class="token punctuation">;</span>

let msec = Date.parse("August 27, 2001");

let d = new Date(msec);

So sánh

Vì các date object lưu trữ số mili giây, nên có thể xác định thời điểm nào trướ thời điểm nào bằng cách so sánh.

Current time

Khi bạn muốn cập nhật lại thời gian hiện tại cho date object, sử dụng method Date.now() và method setTime() của đối tượng cần update như sau.

let d <span class="token operator">=</span> <span class="token keyword">new</span> <span class="token class-name">Date</span><span class="token punctuation">(</span><span class="token string">"2001"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
d<span class="token punctuation">.</span><span class="token function">setTime</span><span class="token punctuation">(</span>Date<span class="token punctuation">.</span><span class="token function">now</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let d = new Date("2001");

d.setTime(Date.now());

Date.now() trả về số mili giây hiện tại, do đó để gán giá trị miligiây cần dùng setTime().

Cộng trừ thêm ngày

Dùng kết hợp method getDate() và setDate() để cộng trừ một số ngày nhất định.

<span class="token keyword">let</span> today <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> tomorrow <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
tomorrow<span class="token punctuation">.</span><span class="token function">setDate</span><span class="token punctuation">(</span>today<span class="token punctuation">.</span><span class="token function">getDate</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">+</span> <span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let today = new Date();

let tomorrow = new Date();

tomorrow.setDate(today.getDate() + 1);

Tính số ngày giữa hai ngày

Thực sự không có hàm, method nào hỗ trợ việc này cả. Có một giải pháp là tìm hiệu số miligiây, rồi chia cho số miligiây của một ngày như sau.

<span class="token keyword">let</span> d1 <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token string">"2001-07-27"</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> d2 <span class="token operator">=</span> new <span class="token function">Date</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token keyword">let</span> days_between <span class="token operator">=</span> <span class="token punctuation">(</span>d2<span class="token punctuation">.</span><span class="token function">getTime</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">-</span> d1<span class="token punctuation">.</span><span class="token function">getTime</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">)</span> <span class="token operator">/</span>
    <span class="token punctuation">(</span><span class="token number">1000</span> <span class="token operator">*</span> <span class="token number">3600</span> <span class="token operator">*</span> <span class="token number">24</span><span class="token punctuation">)</span><span class="token punctuation">;</span>

let d1 = new Date("2001-07-27");

let d2 = new Date();

let days_between = (d2.getTime() - d1.getTime()) /

(1000 * 3600 * 24);

Chú ý công thức này chỉ là gần đúng, nhưng có thể chấp nhận được nếu không yêu cầu độ chính xác cao.

Chia sẻ bài viết ngay

Nguồn bài viết : Viblo

Kiểu dữ liệu JS

A. Number

1. Overview

2. Operators

3. Special value

4. Number methods

5. Number properties

B. Boolean

1. Overview

2. Everything is boolean

3. Properties & methods

C. String

1. Overview

2. Properties & methods

D. Array 1

1. Overview

2. Array and object?

3. Properties & methods 1

E. Array 2

1. Methods 2

2. Sorting

3. Find max, min

F. Iteration methods

1. Overview

2. Iteration methods

3. Arrow function

G. Date

1. Date object

2. Date format

3. Date get, set methods

4. Date actions

TikTok trở thành nền tảng mảng xã hội lớn thứ hai ở Nam Phi

Mất giá nhanh nhất sau 9 tháng ra mắt, iPhone 14 Pro Max tiếp tục phá đáy tại Việt Nam

Hướng dẫn sử dụng ngôn ngữ R cho người mới bắt đầu

10 plugin cần thiết của SublimeText dành cho các lập trình viên JavaScript