ktyr report

    /**
     * initWithScrollY
     *
     * @static
     */
    static initWithScrollY(){
        let scrollY = localStorage.getItem('scrollKey');
        if(!scrollY){
            return;
        }
        localStorage.removeItem('scrollKey');
        scrollY = Number(scrollY);
        window.scrollTo(0, scrollY);
    }
    /**
     * ローカルストレージ取得
     *
     * @static
     * @param {String} key
     * @param {Boolean} remove
     * @returns {*}
     */
    static getLS(key,remove){
        const value = localStorage.getItem(key);
        if(remove){
            localStorage.removeItem(key);
        }
        return value;
    }
    /**
     * スクロール位置を保存しつつリロード
     *
     * @static
     * @param {*} delay
     */
    static reloadWithScrollY(delay){
        if(delay){
            setTimeout(()=>{
                Utils.reloadWithScrollY();
            },delay);
        }else{
            localStorage.setItem('scrollKey',window.scrollY);
            location.reload();
        }
    }
    /**
     * ローカルストレージ保存
     *
     * @static
     */
    static setLS(key,value){
        localStorage.setItem(key,value);
    }
    /**
     * スクロール位置を保存
     *
     * @static
     */
    static setScrollYToLS(){
        localStorage.setItem('scrollKey',window.scrollY);
    }

const { banner_status } = useSettings();

import {
  reactExtension,
  useBuyerJourneyIntercept,
} from '@shopify/ui-extensions-react/checkout';

export default reactExtension(
  'purchase.checkout.block.render',
  () => <Extension />,
);

function Extension() {
    useBuyerJourneyIntercept(
        ({ canBlockProgress }) => {
            let errors = [];
            if(address.lastName?.length > 10){
                errors.push({
                    message : '姓を10文字以内で入力してください',
                    target  : '$.cart.deliveryGroups[0].deliveryAddress.lastName'
                });
            }
            /* エラーがあればブロック */
            if(canBlockProgress && errors.length){
                return {
                    behavior : 'block',
                    reason   : 'Invalid length',
                    errors   : errors
                };
            }else{
                return {
                    behavior : 'allow'
                };
            }
        }
    );
}

let j,productId;
const cartLines = useCartLines();
const appMetafields = useAppMetafields();
if(appMetafields.length){
  cartLines.forEach((cartLine,i)=>{
    productId = cartLine.merchandise.product.id.split("/").pop();
    for(j=0;j<appMetafields.length;j++){
      if(appMetafields[j].target.id === productId){
        if(appMetafields[j].metafield.key === "metafieldKey" && appMetafields[j].metafield.value === "metafieldValue"){
          //処理
        }
        break;
      }
    }
  });
}

1

const tmp = {name:"abc"};
console.log(tmp.address?.length);

undefined

2

const tmp = {name:"abc"};
console.log(tmp.address?.length+tmp.city?.length);

NaN

3

const tmp = {name:"abc"};
console.log(tmp.address?.length+tmp.city?.length > 4);

false

4

const tmp = {name:"abc"};
console.log(tmp.address?.length+tmp.city?.length == 0);

false

5

const tmp = {name:""};
console.log(tmp.name?.length+tmp.city?.length <= 1);

false

6

const tmp = {name:""};
console.log(tmp.name?.length <= 1);

true

triggerEvent(element, eventName){
    const evt = new CustomEvent(eventName, {bubbles:true,cancelable:true});
    return element.dispatchEvent(evt);
}

isBrowserBack(){
    const perfEntries = performance.getEntriesByType("navigation");
    let result = false;
    perfEntries.forEach((perfEntry) => {
        if(perfEntry.type == 'back_forward'){
            result = true;
        }
    });
    return result;
}

getCart(){
    return new Promise((resolve,reject) => {
        const url = 'url';
        fetch(url)
            .then((response)=>{
                if (!response.ok) {
                    throw new Error();
                }
                return response.json();
            })
            .then((json)=>{
                resolve(json);
            })
            .catch((error)=>{
                reject(error);
            });
    });
}

this.getCart()
.then((json)=>{
    
})
.catch((error)=>{

});

loop: for(i=0;i<10;i++){
    for(key in item.properties){
        if(key === 'break'){
            break loop;
        }
    }
}

文字列から漢字抽出

const str = 'ひらがな小林カタカナ漢字';
const pattern = /(\p{scx=Han}+)/ug;
const matches = str.match(pattern);
console.log(matches);

出力

(2) ['小林', '漢字']