Ở đây chúng tôi đang sử dụng "\" [Dấu gạch chéo ngược] làm ký tự thoát [ký tự thoát được sử dụng để ghi đè hành vi mặc định của ký tự sau] để hiển thị các ký tự đặc biệt
Trong đoạn mã trên, cảnh báo sẽ hiển thị ký tự “[dấu ngoặc kép] trong thông báo cảnh báo đang được hiển thị bằng cách sử dụng ký tự thoát “\”
Mục đích của bài viết này là thêm các ký tự đặc biệt vào văn bản để in màu trong bảng điều khiển trong JavaScript
Tiếp cận. Mã thoát ANSI giúp thay đổi/chỉ định màu của đầu ra trong bảng điều khiển. Màu của đầu ra của bảng điều khiển có thể được thay đổi bằng cách thêm các mã thoát này ngay trước văn bản thực tế.
cú pháp.
/*Codes for different Colors*/ black = "\x1b[30m" red = "\x1b[31m" green = "\x1b[32m" yellow = "\x1b[33m" blue = "\x1b[34m" magenta = "\x1b[35m" cyan = "\x1b[36m" white = "\x1b[37m"
Ví dụ.
Javascript
console.log[
"\x1b[31m"
+
/*Codes for different Colors*/ black = "\x1b[30m" red = "\x1b[31m" green = "\x1b[32m" yellow = "\x1b[33m" blue = "\x1b[34m" magenta = "\x1b[35m" cyan = "\x1b[36m" white = "\x1b[37m"0
/*Codes for different Colors*/ black = "\x1b[30m" red = "\x1b[31m" green = "\x1b[32m" yellow = "\x1b[33m" blue = "\x1b[34m" magenta = "\x1b[35m" cyan = "\x1b[36m" white = "\x1b[37m"1
console.log[
0______9
2
/*Codes for different Colors*/ black = "\x1b[30m" red = "\x1b[31m" green = "\x1b[32m" yellow = "\x1b[33m" blue = "\x1b[34m" magenta = "\x1b[35m" cyan = "\x1b[36m" white = "\x1b[37m"1
console.log[
6______9
8
/*Codes for different Colors*/ black = "\x1b[30m" red = "\x1b[31m" green = "\x1b[32m" yellow = "\x1b[33m" blue = "\x1b[34m" magenta = "\x1b[35m" cyan = "\x1b[36m" white = "\x1b[37m"1
0
đầu ra
Ghi chú. Nhiệm vụ trên có thể được đơn giản hóa bằng cách thêm chức năng trợ giúp tùy chỉnh trong tập lệnh có thể được gọi bằng màu sắc và dữ liệu sẽ được hiển thị trong bảng điều khiển
Ví dụ. Sau đây là mã JavaScript để thực hiện tác vụ bằng chức năng trợ giúp tùy chỉnh
Viết chương trình JavaScript thêm ký tự đặc biệt vào văn bản để in màu trong console [kết hợp với console. nhật ký[]]
- Sử dụng chữ mẫu và ký tự đặc biệt để thêm mã màu thích hợp vào đầu ra chuỗi
- Đối với màu nền, hãy thêm một ký tự đặc biệt đặt lại màu nền ở cuối chuỗi
Giải pháp mẫu
Mã JavaScript
//#Source //bit.ly/2neWfJ2
const colorize = [...args] => [{
black: `\x1b[30m${args.join[' ']}`,
red: `\x1b[31m${args.join[' ']}`,
green: `\x1b[32m${args.join[' ']}`,
yellow: `\x1b[33m${args.join[' ']}`,
blue: `\x1b[34m${args.join[' ']}`,
magenta: `\x1b[35m${args.join[' ']}`,
cyan: `\x1b[36m${args.join[' ']}`,
white: `\x1b[37m${args.join[' ']}`,
bgBlack: `\x1b[40m${args.join[' ']}\x1b[0m`,
bgRed: `\x1b[41m${args.join[' ']}\x1b[0m`,
bgGreen: `\x1b[42m${args.join[' ']}\x1b[0m`,
bgYellow: `\x1b[43m${args.join[' ']}\x1b[0m`,
bgBlue: `\x1b[44m${args.join[' ']}\x1b[0m`,
bgMagenta: `\x1b[45m${args.join[' ']}\x1b[0m`,
bgCyan: `\x1b[46m${args.join[' ']}\x1b[0m`,
bgWhite: `\x1b[47m${args.join[' ']}\x1b[0m`
}];
console.log[colorize['foo'].red]; // 'foo' [red letters]
console.log[colorize['foo', 'bar'].bgBlue]; // 'foo bar' [blue background]
console.log[colorize[colorize['foo'].yellow, colorize['foo'].green].bgWhite]; // 'foo bar' [first word in yellow letters, second word in green letters, white background for both]
Đầu ra mẫu
[31mfoo [44mfoo bar[0m [47m[33mfoo [32mfoo[0m
Sơ đồ
Bản thử trực tiếp
Xem Bút javascript-basic-exercise-65-1 của w3resource [@w3resource] trên CodePen
Cải thiện giải pháp mẫu này và đăng mã của bạn qua Disqus
Trước. Viết chương trình JavaScript để lấy đối số không null/không xác định đầu tiên.
Tiếp theo. Viết chương trình JavaScript để thực hiện thành phần chức năng từ phải sang trái.
Mức độ khó của bài tập này là gì?
Dễ dàng trung bình khóKiểm tra kỹ năng Lập trình của bạn với bài kiểm tra của w3resource
JavaScript. Lời khuyên trong ngày
Hợp nhất/làm phẳng mảng của bạn trong mảng
Có một phương pháp hay cho Array được gọi là Array. phẳng, như một đối số nó cần độ sâu bạn cần phải phẳng [mặc định. 1]. Nhưng nếu bạn không biết độ sâu, bạn cần phải làm phẳng tất cả. Chúng tôi chỉ đặt Infinity làm đối số. Ngoài ra còn có một phương pháp FlatMap đẹp
Để in các ký tự đặc biệt như ký hiệu Bản quyền © hoặc Nhãn hiệu ™ bằng JavaScript, hãy sử dụng các chuỗi thoát
Ví dụ: để in biểu tượng Bản quyền ©, hãy sử dụng mã này
Print Special Characters using JavaScript
var str = "Copyright \u00A9 DevCurry.com";
document.getElementById['divOne'].innerHTML = str;
Kiểm tra thêm một số Tài liệu tham khảo về Thực thể Nhân vật tại đây. Lưu ý rằng các chuỗi thoát trong JavaScript bắt đầu bằng ký tự gạch chéo ngược [\] như \u00A9, v.v.