Category js

let obj4= {age: 10, weight: 20};
 
obj4 = {...obj4, ...{name:'ichiro', height:199} }
obj4['tel'] = 9494;

console.log(obj4);


{age: 10, weight: 20, name: 'ichiro', height: 199, tel: 9494}

$eventというがネイティブな変数

  <a @click.prevent="show_after(post.id,$event)" >

  show_after(post_id, event){
      console.log(event.target);
      $(event.target).prev().find('span.hidden').removeClass('hidden');
  }

   window.addEventListener('beforeunload', (event) => {
        event.preventDefault();
        // このページを去る前にローカルストレージを削除;
        localStorage.removeItem('interValId');
    });

そのまま保存するとデータ構造が書き換えられて配列がcsv形式になってしまう｡

localStorage.setItem('stockoutData', JSON.stringify(stockoutData)); //保存

let stockoutData = localStorage.getItem('stockoutData'); //取得
     let stockouts = JSON.parse(stockoutData);  //変換

//URL書き換え
    var anker = 1;
    var issuer_no = 1;
    history.replaceState('','','?issuer_no='+issuer_no + '&bank_no=' + bank_no + anker);

2021-07-26 → 2021年7月26日

var datestr = "2021-07-26";
var date = Date.parse(datestr);
var date = new Date(date);

  format = date.getFullYear() + '年';
  format +=( date.getMonth() + 1 ) + '月';
  format += date.getDate() +'日';
  
  console.log(format);

オブジェクト要素数のカウント

  let a = {de:234}
  console.log( Object.keys(a).length)

// a.length はundefined になる

変数が未定義かどうかの判定

                                                 // あり   なし
    console.log(typeof session !== "undefined" );// true  false
    console.log(typeof session === "undefined" );// false true
 

指定した要素本体の取得

   $('#youso').prop('outerHTML');
 

自分の親要素の順位

 
 var this_index = jQuery('.oya p').index(jQuery(this).parent());
 oyaクラスの中のpが何番目かが取得できる this は同じ親を持つボタンとか
 

チェックされているラジオボタン､checkBoxの値を取得

 
jQuery('input[name="shipper"]:checked').val();
 

ラジオボタンの見た目をONにする､属性を選択状態にする←これらは別物

 
 jQuery('[type="radio"]').eq(0).prop('checked',true).attr('checked',true);
 

選択されたラジオボタンがあればtrue

 
 var ret = $('[name="fls"]').is(':checked'); 
 

セレクトメニューに値をセット

 
jQuery(this).prop("selectedIndex", 0); //最初のoption指定
 

セレクトメニューで選択されたoption要素のdata属性を取得

 
jQuery('select').children('option:selected').data('id');

datalistで選択されたoption要素のdata属性を取得

 
  $('[name="company"]').change(function(){
      var issuer_id = $("#datalistOptions22 option[value='" + $('#company').val() + "']").data('issuer_id');
      console.log(issuer_id);
    });

組み込みでもともとあるので自作しなくてもよい
number_format javascript

 
var price = 120000000;
console.log( price.toLocaleString());
 

→ 120,000,000