<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>ワンライナー &#8211; FITSブログ</title>
	<atom:link href="http://blog.fits-inc.jp/tag/%E3%83%AF%E3%83%B3%E3%83%A9%E3%82%A4%E3%83%8A%E3%83%BC/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.fits-inc.jp</link>
	<description>Webシステムの受託開発でお困りなら</description>
	<lastBuildDate>Mon, 03 Feb 2020 14:55:44 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>http://blog.fits-inc.jp/wp-content/uploads/2024/06/cropped-image-5-32x32.png</url>
	<title>ワンライナー &#8211; FITSブログ</title>
	<link>http://blog.fits-inc.jp</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>paiza Cランク相当問題「検索履歴」をワンライナ―で解く</title>
		<link>http://blog.fits-inc.jp/2020/02/03/paiza-c%e3%83%a9%e3%83%b3%e3%82%af%e7%9b%b8%e5%bd%93%e5%95%8f%e9%a1%8c%e3%80%8c%e6%a4%9c%e7%b4%a2%e5%b1%a5%e6%ad%b4%e3%80%8d%e3%82%92%e3%83%af%e3%83%b3%e3%83%a9%e3%82%a4%e3%83%8a%e2%80%95%e3%81%a7/</link>
		
		<dc:creator><![CDATA[FITS Admin]]></dc:creator>
		<pubDate>Mon, 03 Feb 2020 13:34:32 +0000</pubDate>
				<category><![CDATA[技術ブログ]]></category>
		<category><![CDATA[paiza]]></category>
		<category><![CDATA[レベルアップ問題集]]></category>
		<category><![CDATA[ワンライナー]]></category>
		<guid isPermaLink="false">http://blog.fits-inc.jp/?p=326</guid>

					<description><![CDATA[※こちらは paiza の中でも解答コードを公開可能なレベルアップ問題集 https://paiza.jp/works/mondai というコーナー内での解答コード掲載です。 paiza にコードの公開可能な「レベルアッ [&#8230;]]]></description>
										<content:encoded><![CDATA[
<p>※こちらは paiza の中でも解答コードを公開可能なレベルアップ問題集 <a href="https://paiza.jp/works/mondai">https://paiza.jp/works/mondai</a> <br>というコーナー内での解答コード掲載です。</p>



<p>paiza にコードの公開可能な「レベルアップ問題集」というコーナーがあったので、試しに解いてみることにしました。今回解いたのはCランク相当である「検索履歴」という問題です。</p>



<blockquote class="wp-block-quote is-layout-flow wp-block-quote-is-layout-flow"><p>検索ワードの履歴とは次のようにつくられます。<br>検索ワード W が以前に入力されたことがある場合：<br>　　履歴中の W を削除する。<br>　　履歴の先頭に W を追加する。<br>検索ワード W が以前に入力されたことがない場合：<br>　　履歴の先頭に W を追加する。 <br>検索ワード W が N 個与えられるので、N 個の検索ワードが与えられた後の履歴を表示するプログラムを書いてください。</p><cite><a href="https://paiza.jp/works/mondai/skillcheck_archive/search_history?language_uid=javascript">https://paiza.jp/works/mondai/skillcheck_archive/search_history?language_uid=javascript</a> </cite></blockquote>



<p>これを、上記の説明文に書かれている処理内容にできるだけ忠実にコーディングすると、このようになると思います。</p>



<pre class="wp-block-code"><code>    // 検索履歴格納用の配列を確保
    history = [];
    lines.slice(1).forEach(word => {
        hit = history.indexOf(word);
        if (hit != -1) {
            // 単語がすでに検索履歴に含まれるなら削除
            history.splice(hit, 1);
        }
        // 検索履歴の先頭に単語を追加
        history.unshift(word);
    });
    // 出力
    console.log(history.join("\n"));</code></pre>



<p>さらに、reduce のアキュムレータ機能を使えば history のようなワーク配列を確保する必要もなくなるので次のように書けます。</p>



<pre class="wp-block-code"><code>    console.log(lines.slice(1).reduce((a, b) => {
        hit = a.indexOf(b);
        if (hit != -1) {
            a.splice(hit, 1);
        }
        a.unshift(b);
        return a;
    }, []).join("\n"));</code></pre>



<p>また、履歴に重複する単語が出てきた際に、一度 unshift したものを、indexOf で存在確認して splice で取り除くのは非効率ですね。なので、unshift する条件を、「重複があった場合は一番最後に登場する単語」＝「現在のインデックス以降のソース配列に含まれない場合」とします。</p>



<pre class="wp-block-code"><code>    console.log(lines.slice(1).reduce((a, b, idx, arr) => {
        // reducer の idx と arr（ソース配列）を利用して
        // 現在のインデックス以降の配列 slice(idx + 1) に対して存在確認
        if (arr.slice(idx + 1).indexOf(b) == -1) {
            a.unshift(b);
        }
        return a;
    }, []).join("\n"));</code></pre>



<p>ここまでくれば、三項演算子や配列のスプレッド構文などを使い、ワンライナーで書けます。※スプレッド構文は巨大な配列を展開するとランタイムエラーとなるので、処理速度の最適化が求められる問題では慎重に使用しましょう</p>



<pre class="wp-block-code"><code>// a.unshift(b) は値を返さないのでスプレッド構文 [b, ...a] で先頭への追加を実現
console.log(lines.slice(1).reduce((a, b, idx, arr) => arr.slice(idx + 1).indexOf(b) == -1 ? [b, ...a] : a, []).join("\n"));</code></pre>



<p>また、ちょっと考え方を変えると、今回の出力は、ほぼ入力配列を reverse したものと言えそうです。ただし、重複があった場合は配列インデックスの大きいほう（後出の方）を残して reverse しなければいけません。これを filter で実現し、ワンライナーで書くと、下記のようなコードになると思います。</p>



<pre class="wp-block-code"><code>console.log(lines.slice(1).filter((l, idx, arr) => arr.slice(idx+1).indexOf(l) == -1).reverse().join("\n"));</code></pre>



<p>ここまでくると可読性が低すぎるということでチーム内レビューでも指摘されると思いますが、考える分には楽しいですね。レベルアップ問題は解答を話し合ったり公開することが認められているので、普通はワンライナーでやらないであろう問題を、チームであーでもないこーでもないと話し合ってワンライナー化してみるのも、三項演算子や reducer への理解が含まるので面白いかもしれません。</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
