Tổng hợp các function javascript hay dùng

26/03/2023 03:14 1061

Table of Contents

Javascript là một trong những ngôn ngữ lập trình phổ biến nhất trên thế giới và được sử dụng trong hầu hết các ứng dụng web. Tuy nhiên, đối với người mới bắt đầu học javascript, việc tìm hiểu các hàm javascript cơ bản để sử dụng trong mã của họ có thể là một thách thức. Trong bài viết này, chúng ta sẽ tổng hợp các hàm javascript hay dùng trong các ứng dụng web:

Các function có sẳn trong javascript

getElementById: Lấy phần tử HTML bằng ID.

querySelector: Lấy phần tử HTML bằng CSS selector.

addEventListener: Gán sự kiện cho phần tử HTML.

setInterval: Chạy một hàm sau một khoảng thời gian nhất định.

setTimeout: Chạy một hàm sau một khoảng thời gian nhất định, chỉ một lần.

JSON.stringify: Chuyển đổi một đối tượng Javascript sang chuỗi JSON.

JSON.parse: Chuyển đổi một chuỗi JSON sang đối tượng Javascript.

fetch: Gửi một yêu cầu HTTP và nhận lại một Promise với kết quả trả về.

map: Tạo một mảng mới bằng cách thực thi một hàm trên mỗi phần tử của mảng ban đầu.

reduce: Tính tổng hoặc giá trị tổng hợp của các phần tử trong mảng.

filter: Lọc các phần tử trong mảng dựa trên một điều kiện.

sort: Sắp xếp các phần tử trong mảng.

indexOf: Tìm kiếm một phần tử trong mảng và trả về chỉ số đầu tiên của phần tử đó trong mảng.

splice: Loại bỏ phần tử từ mảng và thêm phần tử mới vào mảng.

toUpperCase: Chuyển đổi chuỗi thành chữ hoa.

toLowerCase: Chuyển đổi chuỗi thành chữ thường.

split: Chia một chuỗi thành một mảng các chuỗi con dựa trên một ký tự phân cách.

join: Nối các phần tử trong mảng thành một chuỗi, dựa trên một ký tự phân cách.

Math.floor: Làm tròn một số thành một số nguyên nhỏ nhất.

Math.round: Làm tròn một số thành số nguyên gần nhất.

getElementById: Lấy phần tử HTML bằng ID.

querySelector: Lấy phần tử HTML bằng CSS selector.

addEventListener: Gán sự kiện cho phần tử HTML.

setInterval: Chạy một hàm sau một khoảng thời gian nhất định.

setTimeout: Chạy một hàm sau một khoảng thời gian nhất định, chỉ một lần.

JSON.stringify: Chuyển đổi một đối tượng Javascript sang chuỗi JSON.

JSON.parse: Chuyển đổi một chuỗi JSON sang đối tượng Javascript.

fetch: Gửi một yêu cầu HTTP và nhận lại một Promise với kết quả trả về.

map: Tạo một mảng mới bằng cách thực thi một hàm trên mỗi phần tử của mảng ban đầu.

reduce: Tính tổng hoặc giá trị tổng hợp của các phần tử trong mảng.

filter: Lọc các phần tử trong mảng dựa trên một điều kiện.

sort: Sắp xếp các phần tử trong mảng.

indexOf: Tìm kiếm một phần tử trong mảng và trả về chỉ số đầu tiên của phần tử đó trong mảng.

splice: Loại bỏ phần tử từ mảng và thêm phần tử mới vào mảng.

toUpperCase: Chuyển đổi chuỗi thành chữ hoa.

toLowerCase: Chuyển đổi chuỗi thành chữ thường.

split: Chia một chuỗi thành một mảng các chuỗi con dựa trên một ký tự phân cách.

join: Nối các phần tử trong mảng thành một chuỗi, dựa trên một ký tự phân cách.

Math.floor: Làm tròn một số thành một số nguyên nhỏ nhất.

Math.round: Làm tròn một số thành số nguyên gần nhất.

Function chuyển số điện thoại từ 0912889416 -> +84912889416

đây là function khi người dùng nhập vào 0912.., nó sẽ chuyển thành +840912…

function convertPhoneNumber(phoneNumber) {
		  // Xóa tất cả các ký tự không phải số
		  phoneNumber = phoneNumber.replace(/\D/g,'');
		
		  // Nếu số điện thoại bắt đầu bằng "84" hoặc "+84" thì trả về luôn
		  if (phoneNumber.startsWith('84')) {
			return '+' + phoneNumber;
		  } else if (phoneNumber.startsWith('+84')) {
			return phoneNumber;
		  }
		
		  // Nếu số điện thoại không bắt đầu bằng "84" hoặc "+84" thì thêm dấu "+" và "84" vào đầu
		  return '+84' + phoneNumber.slice(1);
		}

function convertPhoneNumber(phoneNumber) {

// Xóa tất cả các ký tự không phải số

phoneNumber = phoneNumber.replace(/\D/g,'');

// Nếu số điện thoại bắt đầu bằng "84" hoặc "+84" thì trả về luôn

if (phoneNumber.startsWith('84')) {

return '+' + phoneNumber;

} else if (phoneNumber.startsWith('+84')) {

return phoneNumber;

}

// Nếu số điện thoại không bắt đầu bằng "84" hoặc "+84" thì thêm dấu "+" và "84" vào đầu

return '+84' + phoneNumber.slice(1);

}

Function kiểm ta xem số điện thoại nhập vào là số điện thoại của Việt Nam

function isValidPhoneNumber(phoneNumber) {
		  const vnPhoneNumberRegex = /^(0|\+84)\d{9,10}$/;
		  return vnPhoneNumberRegex.test(phoneNumber);
		}

function isValidPhoneNumber(phoneNumber) {

const vnPhoneNumberRegex = /^(0|\+84)\d{9,10}$/;

return vnPhoneNumberRegex.test(phoneNumber);

}

Function kiểm tra email có hợp lệ không

function isValidEmail(email) {
  			const emailRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
  			return emailRegex.test(email);
		}

function isValidEmail(email) {

const emailRegex = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;

return emailRegex.test(email);

}

Function giải mã JWT

Khi chúng ta nhận kết quả trả về từ authentication từ việt login qua tài khoản google chẳn hạn sẽ trả về một chuổi mã hóa bằng jwt chúng ta cần decode đến object để truy cập thông tin và đây là function

function bdnParseJwt (token) {
			var base64Url = token.split('.')[1];
			var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');
			var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {
				return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);
			}).join(''));
		
			return JSON.parse(jsonPayload);
		}

function bdnParseJwt (token) {

var base64Url = token.split('.')[1];

var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/');

var jsonPayload = decodeURIComponent(window.atob(base64).split('').map(function(c) {

return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2);

}).join(''));

return JSON.parse(jsonPayload);

}

Function tạo mật khẩu random

function generateRandomPassword() {
		  const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=';
		  let password = '';
		  for (let i = 0; i < 12; i++) {
			const randomIndex = Math.floor(Math.random() * characters.length);
			password += characters[randomIndex];
		  }
		  return password;
		}

function generateRandomPassword() {

const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@#$%^&*()_+~`|}{[]:;?><,./-=';

let password = '';

for (let i = 0; i < 12; i++) {

const randomIndex = Math.floor(Math.random() * characters.length);

password += characters[randomIndex];

}

return password;

}

5/5 (1 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Xử lý datetime trong javascript [ 29/01/2023 09:19 ]
Các function liên quan đến array javascript [ 22/09/2022 02:46 ]

Tổng hợp các function javascript hay dùng

Các function có sẳn trong javascript

Function chuyển số điện thoại từ 0912889416 -> +84912889416

Function kiểm ta xem số điện thoại nhập vào là số điện thoại của Việt Nam

Function kiểm tra email có hợp lệ không

Function giải mã JWT

Function tạo mật khẩu random

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)