JavaScriptのクロージャーによるカウンタ作成基礎
function counter() {
let num = 0;
return add_one; //関数を返す ()を付けない
function add_one() {
return num++; //後置インクリメントで0始まりにする（まずnを返してからn+1を実行）
}
}
const counter1 = counter();
console.log(counter1()); //結果 0
console.log(counter1()); //結果 1
console.log(counter1()); //結果 2
console.log(counter1()); //結果 3
ポイント:
scrollTop, scrollHeight, clientHeightをjQueryで求める方法です。
$(document).ready(function() {
let element = $('#myDiv'); // 対象の要素
let scrollTop = element.scrollTop();
let scrollHeight = element[0].scrollHeight;
let clientHeight = element[0].clientHeight;
console.log('Scroll Top:', scrollTop);
console.log('Scroll Height:', scrollHeight);
console.log('Client Height:', clientHeight);
});
// 強制リロード
window.addEventListener('pageshow', function (event) {
if (event.persisted) {
// bfcache発動時の処理
window.location.reload();
}
});
window.addEventListener('pageshow', function(event) {
let flg=window.performance.navigation.type;
//flg=0が始めてきたとき、flg=1がリロードしたとき、flg=2がブラウザバックで戻ってきたとき
if (flg == 2) {
window.location.reload();
}
});
参考: ブラウザバック を検知したい
https://teratail.com/questions/312782
let cookie_arry = document.cookie.split('; ');
function getCookieValue(cookie_name) {
let cookie_arry = document.cookie.split('; ');
cookie_arry.forEach(function(value) {
var content = value.split('=');
if (content[0] == cookie_name){
return content[1]; //ここで終了せず、配列最後まで繰り返してしまう。
}
})
}
function getCookieValue(cookie_name) {
let cookie_arry = document.cookie.split('; ');
for (let value of cookie_arry) {
content = value.split('=');
if (content[0] == cookie_name){
return content[1];
}
}
}
getCookieValue('sessionid'); //⇒ undefinedTabulatorで他のフィールド(セル)を参照して書き換える方法です。
formatterに getValue(), getData() を使用して関数を定義します。
cell.getValue() でフィールド自身の値を取得できます。
cell.getData() でフィールドを含む行のデータを取得できます。
cell.getData().[他のフィールド名] で他のフィールドの値を取得できます。
例
Arry = [0,1,2,3,4,5,6,7,8,9]
JavaScript
先頭要素を取り出す Arry.shift();
末尾要素を取り出す Arry.pop();
先頭に0を追加 Arry.unshift(0);
末尾に9を追加 Arry.push(8);
Python
先頭要素を取り出す Arry.pop(0)
末尾要素を取り出す Arry.pop(-1)
先頭に0を追加 Arry.insert(0, 0) #insert(位置, 値)
末尾に9を追加 Arry.append(8)
JavaScriptでURLパラメータを連想配列にするには、以下のようにするのが簡潔です。
var urlSearchParams = new URLSearchParams(window.location.search); var params = Object.fromEntries(urlSearchParams.entries());
URLパラメータ: ?name=ABC&company=XYZ&address=Tokyo
⇒連想配列: {"name": "ABC", "company": "XYZ", "address": "Tokyo"}
参考: How can I get query string values in JavaScript?
https://stackoverflow.com/questions/901115/how-can-i-get-query-string-values-in-javascript
ファイルフィールド (input type=file) からファイル名を取得するには
jQueryの場合
$('.class_name').prop('files')[0].name
以下のような文字列から先頭のアルファベット（文字数任意）だけ削除したいとします。
var STR1 = "ABCDEFG123456"; //⇒123456にしたい
var STR2 = "OPQRS78901"; //⇒78901にしたい
OKだった式
STR1.replace(/[A-Z]+(.+?)/g, "$1");
STR2.replace(/[A-Z]+(.+?)/g, "$1");
$1をクオーテーションマーク " で囲まないといけなかった。
