[아마존] 버튼 하나로 원하는 물건 목록의 총액을 표시합니다.

4550 단어 책갈피JavaScript
아마존이 원하는 물건 리스트에 마음에 드는 책을 넣으면 양이 많아져 10만 엔이 넘을 것 같아서 조사해 봤어요.네트워크 콘솔만 열면 복사해서 사용할 수 있습니다.가격을 표시하지 않은 상품은 무시당할 수 있다.

추가 기록(2021Feb24)


@sugoroku_y 선생님의 평론에 따라 내용을 변경했습니다.
  • 제목은'아마존이 원하는 물건 목록의 총액을 2줄로 표시한다'에서 변경되었다
  • 코드를 한 줄로 표시합니다
  • 환경


    Google Chrome - Version 88.0.4324.146 (Official Build) (arm64)
    기본적으로 모든 브라우저는 사용할 수 있다. (아마도 IE라면 움직이지 않는다.)

    코드 (추가 전)

    prices = Array.from(document.getElementsByClassName("a-price-whole"))
    prices.map(price => parseInt(price.textContent.replace(/,/g, ''))).reduce((a, b) => a + b, 0)
    

    결과 (추가 전)


    31만1695엔

    점 (추적 전)

  • HTMLcorrection은 Array입니다
  • map(쉼표의 배제와 정수화)
  • reduce
  • 코드(추가: 2021-Feb-24)


    받은 댓글
    spread 연산자를 사용하면 수조로 전환하기가 쉽습니다.
    문자열만 수치로 바꾸면 +를 앞에 넣으면 됩니다.
    또한reduce는 두 번째 파라미터를 생략하면 그룹의 시작을 초기값으로 사용하기 때문에 편리합니다.
    [...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b)
    

    책갈피


    받은 댓글
    책갈피를 쓰면 편할 것 같아요.
    즐겨찾기에 Javascript 코드를 등록하면 한 번 클릭하여 총액을 표시할 수 있습니다[보도 참조] .
    javascript:alert('合計:'+[...document.querySelectorAll('.a-price-whole')].map(price=>+price.textContent.replace(/,/g,'')).reduce((a,b)=>a+b).toString().replace(/(?<=\d)(?=(?:\d{3})+$)/g,',')+'円')
    

    결과(추가 설명: 2021-Feb-24)


    우선 책갈피를 등록하세요.
    즐겨찾기 버튼을 클릭한 후 추가 를 클릭합니다.탭 페이지에서 항목을 만들거나 편집합니다.

    URL 막대에서 위의 코드를 복사합니다.

    완성된 책갈피 버튼을 누르면 총액이 표시됩니다.

    끝내다


    원하는 물건 목록
    뭐 공부 해요?

    좋은 웹페이지 즐겨찾기