<h2 id="jinja2%E3%81%A7%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E6%8D%A8%E3%81%A6%E3%82%8B%E6%96%B9%E6%B3%95" data-line="1" class="code-line"><a class="header-anchor-link" href="#jinja2%E3%81%A7%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E6%8D%A8%E3%81%A6%E3%82%8B%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Jinja2で小数点以下を切り捨てる方法</h2>
pythonのテンプレートエンジンであるJinja2は簡単に動的htmlを生成できて便利ですが、記法が普通のpythonと異なったり使えない関数があったり多少不便です。
今回は小数点以下を切り捨てる方法を調べて見つからなかったので備忘録です。
<h2 id="%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E6%8D%A8%E3%81%A6%E3%82%8B%E6%96%B9%E6%B3%95" data-line="6" class="code-line"><a class="header-anchor-link" href="#%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E6%8D%A8%E3%81%A6%E3%82%8B%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 小数点以下を切り捨てる方法</h2>
<h3 id="%E6%BC%94%E7%AE%97%E5%AD%90%E3%81%AE%2F%2F%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B" data-line="8" class="code-line"><a class="header-anchor-link" href="#%E6%BC%94%E7%AE%97%E5%AD%90%E3%81%AE%2F%2F%E3%82%92%E5%88%A9%E7%94%A8%E3%81%99%E3%82%8B" aria-hidden="true"></a> 演算子の<code>//</code>を利用する</h3>
Jinja2では、Pythonと同様に、<code>//</code>演算子を使用して小数点以下を切り捨てることができます。これはとても単純な方法です。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="12">{% set value = 10.56 %}
{{ value // 1 }}
</code></pre></div>上記のコードでは、変数valueに対して//演算子を使用することで、小数点以下を切り捨てた値を表示します。
結果は10となります。
<h3 id="%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" data-line="21" class="code-line"><a class="header-anchor-link" href="#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B" aria-hidden="true"></a> カスタムフィルタを作成する</h3>
Jinja2では、カスタムフィルタを作成して独自の関数を定義することも可能です。
以下に、小数点以下を切り捨てるカスタムフィルタの例を示します。
まず、Pythonでカスタムフィルタを定義します。
<div class="code-block-container"><pre class="language-python"><code class="language-python code-line" data-line="28">from jinja2 import Environment, FileSystemLoader

def floor_filter(value):
 return int(value)

env = Environment(loader=FileSystemLoader('templates'))
env.filters['floor'] = floor_filter
</code></pre></div>次に、テンプレートでこのカスタムフィルタを使用します。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="40">{% set value = 10.56 %}
{{ value|floor }}
</code></pre></div>この方法では、valueに対してカスタムフィルタfloorを適用することで、小数点以下を切り捨てた値を表示します。
結果は10となります。
<h2 id="%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%9B%9B%E6%8D%A8%E4%BA%94%E5%85%A5%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95" data-line="49" class="code-line"><a class="header-anchor-link" href="#%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%9B%9B%E6%8D%A8%E4%BA%94%E5%85%A5%E3%81%99%E3%82%8B%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 小数点以下を四捨五入する方法</h2>
<h3 id="round%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B" data-line="50" class="code-line"><a class="header-anchor-link" href="#round%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%BF%E7%94%A8%E3%81%99%E3%82%8B" aria-hidden="true"></a> <code>round</code>フィルタを使用する</h3>
Jinja2には<code>round</code>フィルタが組み込まれており、このフィルタを使用して小数点以下を切り捨てることができます。
<code>round</code>フィルタは、精度と丸め方法を指定することで柔軟な丸め処理を行うことができます。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="55">{{ 42.55|round(1) }}
</code></pre></div>上記のコードでは、変数42.55に対してroundフィルタを使用し、精度を1、小数点以下を四捨五入しています。
結果は42.6となります。
roundフィルタを使用すると、結果は常に浮動小数点数（float）になります。
整数が必要な場合は、さらにintフィルタを使用して整数に変換する必要があります。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="67">{{ 42.55|round|int }}
</code></pre></div>この方法では、変数42.55を四捨五入した後、整数に変換します。結果は43となります。
<h3 id="%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-1" data-line="73" class="code-line"><a class="header-anchor-link" href="#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-1" aria-hidden="true"></a> カスタムフィルタを作成する</h3>
Jinja2では、四捨五入するためのカスタムフィルタを作成することもできます。
<div class="code-block-container"><pre class="language-python"><code class="language-python code-line" data-line="76">from jinja2 import Environment, FileSystemLoader

def round_filter(value, digits=0):
 return round(value, digits)

env = Environment(loader=FileSystemLoader('templates'))
env.filters['round'] = round_filter
</code></pre></div>テンプレートでこのカスタムフィルタを使用します。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="88">{% set value = 10.56 %}
{{ value|round }}
</code></pre></div>この方法では、valueに対してカスタムフィルタroundを適用することで、小数点以下を四捨五入した値を表示します。
結果は11となります。
<h2 id="%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E4%B8%8A%E3%81%92%E3%82%8B%E6%96%B9%E6%B3%95" data-line="97" class="code-line"><a class="header-anchor-link" href="#%E5%B0%8F%E6%95%B0%E7%82%B9%E4%BB%A5%E4%B8%8B%E3%82%92%E5%88%87%E3%82%8A%E4%B8%8A%E3%81%92%E3%82%8B%E6%96%B9%E6%B3%95" aria-hidden="true"></a> 小数点以下を切り上げる方法</h2>
<h3 id="%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-2" data-line="98" class="code-line"><a class="header-anchor-link" href="#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%82%92%E4%BD%9C%E6%88%90%E3%81%99%E3%82%8B-2" aria-hidden="true"></a> カスタムフィルタを作成する</h3>
Jinja2では、切り上げるためのカスタムフィルタを作成することもできます。
<div class="code-block-container"><pre class="language-python"><code class="language-python code-line" data-line="101">import math
from jinja2 import Environment, FileSystemLoader

def ceil_filter(value):
 return math.ceil(value)

env = Environment(loader=FileSystemLoader('templates'))
env.filters['ceil'] = ceil_filter
</code></pre></div>テンプレートでこのカスタムフィルタを使用します。
<div class="code-block-container"><pre class="language-html"><code class="language-html code-line" data-line="114">{% set value = 10.56 %}
{{ value|ceil }}
</code></pre></div>この方法では、valueに対してカスタムフィルタceilを適用することで、小数点以下を切り上げた値を表示します。
結果は11となります。
<h2 id="%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81" data-line="123" class="code-line"><a class="header-anchor-link" href="#%E3%82%AB%E3%82%B9%E3%82%BF%E3%83%A0%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF%E3%81%8C%E3%81%8A%E3%81%99%E3%81%99%E3%82%81" aria-hidden="true"></a> カスタムフィルタがおすすめ</h2>
Jinja2で小数点以下の処理を行う方法について解説しました。
簡単な方法としては、jinjaで提供されている処理を使用して小数点以下を切り捨てる方法が使えます。
しかし、思ったよりできることの幅は少ないイメージです。
より高度な方法としてカスタムフィルタを作成して小数点以下を処理すると今後カスタマイズする上でも便利なので、覚えておくといいかもしれません。
<h2 id="%E5%8F%82%E8%80%83" data-line="132" class="code-line"><a class="header-anchor-link" href="#%E5%8F%82%E8%80%83" aria-hidden="true"></a> 参考</h2>

 <iframe 
 class="hatenablogcard" 
 style="width:100%;height:155px;max-width:680px;" 
 src="https://hatenablog-parts.com/embed?url=https://jinja.palletsprojects.com/en/3.0.x/templates/#jinja-filters.int" 
 width="300" 
 height="150" 
 frameborder="0" 
 scrolling="no">
 </iframe>

pythonのテンプレートエンジンJinja2で小数点以下を切り捨て、切り上げ、四捨五入する方法