"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > Javascript를 이용한 LRU 캐시 구현

Javascript를 이용한 LRU 캐시 구현

2024년 10월 31일에 게시됨
검색:120

LRU Cache Implementation using Javascript

소개

LRU는 가장 최근에 사용됨을 나타냅니다. LRU 캐시는 캐시가 용량에 도달하면 가장 최근에 사용된 항목이 제거되는 캐시 유형입니다.

  • LRU 캐시를 사용하는 주된 이유는 데이터 액세스 성능을 향상시키기 위한 것입니다. 일반적으로 캐시에서 데이터에 액세스하는 것이 주 메모리나 원격 서버에서 데이터를 검색하는 것보다 빠릅니다.
  • 가장 최근에 사용한 데이터를 캐시에 저장함으로써 캐시 적중 가능성이 높아지고, 결과적으로 데이터 검색 속도가 향상됩니다.

참고:

  • 맵 데이터 구조는 해시 테이블의 동작을 모방하는 데 사용됩니다. 이를 통해 효율적인 조회, 삽입 및 삭제 작업이 가능합니다.
  • 요소 간 이동이 용이하도록 이중 연결 목록이 구현되었습니다. 이는 양방향(앞으로 및 뒤로)으로 탐색하고 일정한 시간 동안 삽입 및 삭제를 수행하는 기능을 제공합니다.
  • 이 두 가지 데이터 구조를 결합하면 해시 테이블과 이중 연결 목록의 장점을 모두 활용하여 효율적인 작업이 가능해집니다.

다음은 JavaScript에서 LRU 캐시를 구현하는 방법에 대한 기본 예입니다.

// Why we need this LRU
class Node {
    constructor(key, value) {
        this.key = key;
        this.value = value;
        this.next = null;
        this.prev = null;
    }
}

//Least Recently used
class LRU {
    constructor() {
     this.head = this.tail = null;
     this.map = new Map();
     this.size = 0; // Why I added size, because may be in future we can say if capacity reach to the size, we will remove the tail first and then insert.
    }

    get(key) {
        if (this.map.has(key)) {
            const node = this.map.get(key);

            if (node !== this.head) {
                this.remove(node);
                this.insert(node);
            }

            return node.value;
        }

        return -1;
    }

    update(key, value) {
        if (this.map.has(key)) {
            let node = this.map.get(key);
            node.value = value;

            if (node !== this.head) {
                this.remove(node);
                this.insert(node);
            }

            return node.value;
        } else {
            console.log('Key not found'); 
            // Here we can check for capacity if available we can call insert
            // if capacity is not available we will remove the tail and then insert.
        }
    }

    remove(node) {
        if (node === this.tail) {
            this.tail = this.tail.prev;
        }

        const prevNode = node.prev;
        const nextNode = node.next;

        prevNode.next = nextNode;
        nextNode.prev = prevNode;
    }

    insert(key, value) {
        const newNode = new Node(key, value);
        this.map.set(key, newNode);
        if (this.head === null) {
            this.head = this.tail = newNode;
            this.size = 1;
            return;
        }
        // We need to insert at the Begining
        newNode.next = this.head;
        this.head.prev = newNode;
        this.head= newNode;
        this.size  ;
        return;
    }
}

const test = new LRU();
test.insert('A', 20);
test.insert('B', 10);
test.insert('C', 5);
test.insert('D', 7);

console.log(test);
console.log('------------------');
console.log('C ---> ', test.get('C'));
console.log('D ---> ', test.get('D'));

console.log('D ---> ', test.update('B', 100));

/*
LRU {
  tail:  Node {
    key: 'A',
    value: 20,
    next: null,
    prev: Node { key: 'B', value: 10, next: [Circular *1], prev: [Node] }
  },
  head:  Node {
    key: 'D',
    value: 7,
    next: Node { key: 'C', value: 5, next: [Node], prev: [Circular *2] },
    prev: null
  },
  map: Map(4) {
    'A' =>  Node {
      key: 'A',
      value: 20,
      next: null,
      prev: [Node]
    },
    'B' => Node { key: 'B', value: 10, next: [Node], prev: [Node] },
    'C' => Node { key: 'C', value: 5, next: [Node], prev: [Node] },
    'D' =>  Node {
      key: 'D',
      value: 7,
      next: [Node],
      prev: null
    }
  },
  size: 4
}
------------------
C --->  5
D --->  7
D --->  100
B --->  100
*/

우려사항이 있으면 언제든지 문의해 주세요.

릴리스 선언문 이 글은 https://dev.to/ashutoshsarangi/lru-cache-implementation-using-javascript-48no?1에서 복제됩니다.1 침해 내용이 있는 경우, [email protected]으로 연락하여 삭제하시기 바랍니다.
최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3