5 Essential JavaScript Hash Methods for 2024

1async function generateSHA256(message) {
2    const msgBuffer = new TextEncoder().encode(message);
3    const hashBuffer = await crypto.subtle.digest('SHA-256', msgBuffer);
4    const hashArray = Array.from(new Uint8Array(hashBuffer));
5    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
6    return hashHex;
7}
8
9generateSHA256("Hello, World!").then(hash => console.log(hash));

1// SHA-1
2crypto.subtle.digest('SHA-1', data);
3
4// SHA-256
5crypto.subtle.digest('SHA-256', data);
6
7// SHA-384
8crypto.subtle.digest('SHA-384', data);
9
10// SHA-512
11crypto.subtle.digest('SHA-512', data);

1async function generateSHA1(message) {
2    const msgBuffer = new TextEncoder().encode(message);
3    const hashBuffer = await crypto.subtle.digest('SHA-1', msgBuffer);
4    const hashArray = Array.from(new Uint8Array(hashBuffer));
5    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
6    return hashHex;
7}
8
9generateSHA1("Hello, World!").then(hash => console.log(hash));

1async function generateSHA384(message) {
2    const msgBuffer = new TextEncoder().encode(message);
3    const hashBuffer = await crypto.subtle.digest('SHA-384', msgBuffer);
4    const hashArray = Array.from(new Uint8Array(hashBuffer));
5    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
6    return hashHex;
7}
8
9generateSHA384("Hello, World!").then(hash => console.log(hash));

1async function generateSHA512(message) {
2    const msgBuffer = new TextEncoder().encode(message);
3    const hashBuffer = await crypto.subtle.digest('SHA-512', msgBuffer);
4    const hashArray = Array.from(new Uint8Array(hashBuffer));
5    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
6    return hashHex;
7}
8
9generateSHA512("Hello, World!").then(hash => console.log(hash));

1async function hashPassword(password) {
2    const salt = crypto.getRandomValues(new Uint8Array(16));
3    const saltedPassword = new TextEncoder().encode(password + salt);
4    const hashBuffer = await crypto.subtle.digest('SHA-256', saltedPassword);
5    const hashArray = Array.from(new Uint8Array(hashBuffer));
6    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
7    return { salt, hashHex };
8}
9
10hashPassword("mySecurePassword").then(result => {
11    console.log(`Salt: ${result.salt}`);
12    console.log(`Hash: ${result.hashHex}`);
13});

1async function verifyFileIntegrity(file) {
2    const arrayBuffer = await file.arrayBuffer();
3    const hashBuffer = await crypto.subtle.digest('SHA-256', arrayBuffer);
4    const hashArray = Array.from(new Uint8Array(hashBuffer));
5    const hashHex = hashArray.map(b => b.toString(16).padStart(2, '0')).join('');
6    return hashHex;
7}
8
9// Usage with a file input element
10document.getElementById('fileInput').addEventListener('change', async (event) => {
11    const file = event.target.files[0];
12    const fileHash = await verifyFileIntegrity(file);
13    console.log(`File Hash: ${fileHash}`);
14});