2019-02-01から1ヶ月間の記事一覧

javaScript forEachの使い方

JavaScript forEach forEachの使い方について学んだのでシェア。 forEachでliの要素を一つずつ受け取り(要素の最後まで)、 一つずつ .textContentの中の文字列を変えていく。 document.querySelector('h1').textContent='changed h1!'; document.querySele…

JavaScript 気になる..処理をシェア

JavaScript 気になる..処理をシェア setInterval, clearInterval関数の気になる使い方.. let i=0; //setInterval(関数、ミリ秒) const showTime=()=>{ console.log(new Date()); i++; if(i>2){ clearInterval(timerId);//返り値を引数にしているような感覚.…

JavaScript 時間などを取得する方法をシェア

JavaScript 時間などを取得する方法をシェア //Date const d=new Date(); console.log(d); console.log('FullYear '+d.getFullYear()); console.log('Month '+d.getMonth()); console.log('Date '+d.getDate()); console.log('Day '+d.getDay());//0~6曜日の…

javaScript スプレッド演算子と分割代入について

スプレッド演算子は使いやすそうなので、備忘のためにもここでシェアさせていただきます。 行列、オブジェクト、どちらに対しても有効。 { //スプレッド演算子と分割代入の連携。 const numbers=[1,2,3,8]; const [a,b, ...rest] = numbers; console.log(a);…

javascript object関数についてシェア

javascript object関数 //object const o={ a:1, b:2, }; console.log(Object.keys(o));//['a','b'] キーへアクセス console.log(Object.values(o));//[1,2] 値へアクセス console.log(Object.entries(o));//['a',1],['b',2]//キーと値を配列で取ってくる 処…

javascript fileter関数についてシェア

javascript fileter関数についてシェア //filter //trueの時の要素を返す const a=[1,2,5,10]; const b= a.filter(item=>item%2==0); //偶数となる要素のみを返り値で返す console.log(b); 処理結果

javascript Map関数の使い方

javascript Map関数の使い方をシェア 簡単ですが以下に簡単に処理例をシェア。 //map //すべての要素に適用して返す。 const a=[1,2,5,10]; const b=a.map(item=>item*2); console.log(a); console.log(b); 処理結果

javascriptのアロー関数forEachの使用方法

今回もjavascriptで初めて見た(ほかのプログラミングでは見たことないなぁ)..と感じた forEachの使用方法についてシェア。 #処理 受け取った配列の要素分loopして要素が終端まで達したところで 終了する。 #処理例 //配列(アロー関数:forEach) const a=…

javascriptならでは..と思った処理をシェア

javascriptならでは..と思った処理をシェア 配列への要素の追加(先頭、末尾、途中への挿入、削除)方法について 以下に記載していきます。(最後に実行結果図を載せます) //配列 const a=[1,5,10]; //add a.unshift(100,50); a.push(200,300); console.log…

javascript クラスについて、ちょっと気になったとこを..(勉強中!)

javascript クラスについて、ちょっと気になったとこを.. javascriptのクラスで"この辺C++とチョット違うな~?と思った辺をシェア。 ちなみにC++に本当にないかどうかは確認していないので、”C++の筆者記憶”との差分なのであしからず...m(__)m 一つ目 stati…

javaScript 「`」バッククオートを使った数値の文字列化

javascriptならでの構文を見つけたのでシェア。 //バッククオート `${ }` //押し方 shift+@ //機能 波括弧の中の数字を文字列に変換しつつ組み込んでくれる for(let i=1; i<=10; i++){ console.log(i+'hello'); console.log(`${i}hello`); } //以下は出力結…

JavaScript varとletの違い

javascript var と letの使いわけについて調べたのでシェア。 varはグローバル変数的に定義されるのに対し、 letはローカルスコープを抜けるとその変数メモリは初期化される。 分かりやすい記事があったので以下に紹介させていただきます。 https://qiita.co…

borderradiusの取り扱い

borderRadiusの取り扱いではまったので経験をシェア。 ①scriptタグの中で書いていたstyleの変数を headerタグ内にcircleクラスの変数として定義し直す。 ②script内に書いていたコードはコメントアウト ③scriptタグの中でclickコールバックとして、circleクラス…

OpenCVのverによる関数の返り値の数の違い

OpenCVのverによる関数の返り値の数の違い OpenCVのverの違いで返り値の数が異なり、エラーを吐いていました。 返り値の数がまさかverで異なる...という意識がなく、ドハマりしたので、経験をシェア。 以下はpythonスクリプトでopencvをimportして使用する場…

Git diffの使い方

Git diffの使い方 Gitのdiffの使い方がすごくよく分かいサイトを見つけたのでシェア http://blog.livedoor.jp/sasata299/archives/51251771.html diffの使い方 ①git diff ローカルとインデックスとの差分 ②git diff --cached インデックスと個人リポジトリと…