JavaScript

2021.03.05

generator関数をラムダに閉じ込める意味はあるのか不明

'use strict';

const myGenerator = () => (function* () {
  yield '私の';
  yield '名前';
  yield 'は';
  yield '太郎デス';
})();

for (const v of myGenerator()) {
  console.log(v);
}

'use strict';

const myGenerator = () => (function* () {

yield '私の';

yield '名前';

yield 'は';

yield '太郎デス';

})();

for (const v of myGenerator()) {

console.log(v);

}

私の
名前
は
太郎デス

私の

名前

は

太郎デス

2021.03.05

JSのジェネレータ関数はイテレータオブジェクトを返す

'use strict';

const p = console.log;

const iterable1 = {
  [Symbol.iterator]: () => {
    let cnt = 0;
    const iterator = {
      next: () => {
        const value = cnt++;
        const done = (5 < cnt);
        return { value, done }; // iterator result
      }
    };
    return iterator;
  },
};

const iterable2 = {
  [Symbol.iterator]: function* () {
    for (let i = 0; i < 5; i++) {
      yield i;
    }
  }
};

for (const v of iterable1) {
  p(v);
}

for (const v of iterable2) {
  p(v);
}

'use strict';

const p = console.log;

const iterable1 = {

[Symbol.iterator]: () => {

let cnt = 0;

const iterator = {

next: () => {

const value = cnt++;

const done = (5 < cnt);

return { value, done }; // iterator result

}

};

return iterator;

};

const iterable2 = {

[Symbol.iterator]: function* () {

for (let i = 0; i < 5; i++) {

yield i;

}

};

for (const v of iterable1) {

p(v);

}

for (const v of iterable2) {

p(v);

}

2021.03.04

JavaScriptのイテレータの練習

'use strict';

const getIterableObject = (argMax = 10) => {
  const iterableObject = {
    [Symbol.iterator]: () => {
      let cnt = 0;
      const iterator = {
        next: () => {
          const value = cnt++;
          const done = (argMax <= value);
          const iteratorResult = { value, done };
          return iteratorResult;
        },
      };
      return iterator;
    },
  };
  return iterableObject;
};

for (const v of getIterableObject(3)) {
  console.log(v);
}

for (const v of getIterableObject(7)) {
  console.log(v);
}

'use strict';

const getIterableObject = (argMax = 10) => {

const iterableObject = {

[Symbol.iterator]: () => {

let cnt = 0;

const iterator = {

next: () => {

const value = cnt++;

const done = (argMax <= value);

const iteratorResult = { value, done };

return iteratorResult;

};

return iterator;

};

return iterableObject;

};

for (const v of getIterableObject(3)) {

console.log(v);

}

for (const v of getIterableObject(7)) {

console.log(v);

}

2021.01.22

Promiseと分割代入の練習

'use strict';

const p = console.log;

const timeoutPromise = ({ms, callback, errMsg = null}) => {
  return new Promise((resolve, reject) => {
    if (errMsg) {
      reject(errMsg);
    }
    setTimeout(() => {
      const result = callback();
      resolve(result);
    }, ms);
  });
};

const argsTimeoutPromise = (ms, errMsg = null) => {
  const callback = () => `${ms}ミリ秒待ちました`;
  return {ms, callback, errMsg};
};

timeoutPromise(argsTimeoutPromise(20)).then(p).catch(p);
timeoutPromise(argsTimeoutPromise(15, '15ミリ秒はエラーです')).then(p).catch(p);
timeoutPromise(argsTimeoutPromise(10)).then(p).catch(p);

'use strict';

const p = console.log;

const timeoutPromise = ({ms, callback, errMsg = null}) => {

return new Promise((resolve, reject) => {

if (errMsg) {

reject(errMsg);

}

setTimeout(() => {

const result = callback();

resolve(result);

}, ms);

});

};

const argsTimeoutPromise = (ms, errMsg = null) => {

const callback = () => `${ms}ミリ秒待ちました`;

return {ms, callback, errMsg};

};

timeoutPromise(argsTimeoutPromise(20)).then(p).catch(p);

timeoutPromise(argsTimeoutPromise(15, '15ミリ秒はエラーです')).then(p).catch(p);

timeoutPromise(argsTimeoutPromise(10)).then(p).catch(p);

15ミリ秒はエラーです
10ミリ秒待ちました
20ミリ秒待ちました

15ミリ秒はエラーです

10ミリ秒待ちました

20ミリ秒待ちました

2021.01.17

generatorの練習

'use strict';

const myGenerator = () => {
  const a = [100, 101, 102];
  const innerGenerator = function* () {
    a.forEach((e) => {
      // yield e; // SyntaxError
      console.log(e);
    });
    for (const e of a) {
      yield e;
    }
  };
  return innerGenerator();
};

function* generator() {
  yield 1;
  yield 2;
  yield 3;
}

const generator4main = () => {
  const g = myGenerator();
  for (const e of g) {
    console.log(e);
  }
};

generator4main();

'use strict';

const myGenerator = () => {

const a = [100, 101, 102];

const innerGenerator = function* () {

a.forEach((e) => {

// yield e; // SyntaxError

console.log(e);

});

for (const e of a) {

yield e;

}

};

return innerGenerator();

};

function* generator() {

yield 1;

yield 2;

yield 3;

}

const generator4main = () => {

const g = myGenerator();

for (const e of g) {

console.log(e);

}

};

generator4main();

100

101

102

100

101

102

2020.12.27

async関数をコールバック関数として使う

'use strict';

const timeoutPromise = (ms, callback, errMsg = null) => {
  return new Promise((resolve, reject) => {
    setTimeout(() => {
      if (errMsg) reject(errMsg);
      resolve(callback());
    }, ms);
  });
};

const getPromises = () => {
  const promises = [];
  promises.push(timeoutPromise('12', () => '12ms待ちました'));
  promises.push(timeoutPromise('15', () => '15ms待ちました', 'こいつはエラーです'));
  promises.push(timeoutPromise('19', () => '19ms待ちました'));
  return promises;
};

getPromises().forEach(async (promise) => {
  console.log(await promise.catch((a) => a));
});

'use strict';

const timeoutPromise = (ms, callback, errMsg = null) => {

return new Promise((resolve, reject) => {

setTimeout(() => {

if (errMsg) reject(errMsg);

resolve(callback());

}, ms);

});

};

const getPromises = () => {

const promises = [];

promises.push(timeoutPromise('12', () => '12ms待ちました'));

promises.push(timeoutPromise('15', () => '15ms待ちました', 'こいつはエラーです'));

promises.push(timeoutPromise('19', () => '19ms待ちました'));

return promises;

};

getPromises().forEach(async (promise) => {

console.log(await promise.catch((a) => a));

});

12ms待ちました
こいつはエラーです
19ms待ちました

12ms待ちました

こいつはエラーです

19ms待ちました

2020.12.21

JavascriptのPromise.all()が並列処理していることの確認

'use strict';

const p = console.log;

const startTime = Date.now();

const timeoutPromise = (ms, callback) => {
  return new Promise(resolve => {
    setTimeout(() => {
      resolve(callback());
    }, ms);
  });
};

const getTimeLapse = () => {
  const lapse = Date.now() - startTime;
  return `${lapse} ミリ秒経ちました`;
};

const promises = [];
promises.push(timeoutPromise(30, getTimeLapse));
promises.push(timeoutPromise(15, getTimeLapse));
promises.push(timeoutPromise(10, getTimeLapse));

Promise.all(promises).then(results => {
  p(results);
  p(getTimeLapse());
});

'use strict';

const p = console.log;

const startTime = Date.now();

const timeoutPromise = (ms, callback) => {

return new Promise(resolve => {

setTimeout(() => {

resolve(callback());

}, ms);

});

};

const getTimeLapse = () => {

const lapse = Date.now() - startTime;

return `${lapse} ミリ秒経ちました`;

};

const promises = [];

promises.push(timeoutPromise(30, getTimeLapse));

promises.push(timeoutPromise(15, getTimeLapse));

promises.push(timeoutPromise(10, getTimeLapse));

Promise.all(promises).then(results => {

p(results);

p(getTimeLapse());

});

[ '31 ミリ秒経ちました', '16 ミリ秒経ちました', '11 ミリ秒経ちました' ]
35 ミリ秒経ちました

1 2	[ '31 ミリ秒経ちました', '16 ミリ秒経ちました', '11 ミリ秒経ちました' ] 35 ミリ秒経ちました

2020.12.11

テンキーのないキーボードにテンキーをもたらすスクリプト

const p = console.log;
const map = {
  ' ': 0,
  'm': 1,
  ',': 2,
  '.': 3,
  'j': 4,
  'k': 5,
  'l': 6,
  'u': 7,
  'i': 8,
  'o': 9,
};
const c2n = c => {
  return map[c];
};
const c2nLine = str => {
  let s = '';
  for (const c of str) {
    s += c2n(c);
  }
  return s;
};
p(c2nLine(' m,.jkluio')); // 0123456789
p(c2nLine('oiulkj.,m ')); // 9876543210
p(c2nLine(' ..,  ,,,,')); // 0332002222

const p = console.log;

const map = {

' ': 0,

'm': 1,

',': 2,

'.': 3,

'j': 4,

'k': 5,

'l': 6,

'u': 7,

'i': 8,

'o': 9,

};

const c2n = c => {

return map[c];

};

const c2nLine = str => {

let s = '';

for (const c of str) {

s += c2n(c);

}

return s;

};

p(c2nLine(' m,.jkluio')); // 0123456789

p(c2nLine('oiulkj.,m ')); // 9876543210

p(c2nLine(' .., ,,,,')); // 0332002222

0123456789
9876543210
0332002222

0123456789

9876543210

0332002222

2020.12.04

nodejsでimage-1.jpgから100.jpgにリネームするスクリプト

相対パス ./testdir 配下に image-1.jpg から image-777.jpg まであるファイルをそれぞれ 001.jpg から 777.jpg にリネームするスクリプト

'use strict';

const fs = require('fs');

const p = console.log;

const rename = (fs, oldFilePath, newFilePath) => {
  fs.rename(oldFilePath, newFilePath, (err) => {
    err ? p(err) : null;
  });
};

const getPaddedStr = (n) => {
  if (n < 10) {
    return '00' + n;
  }
  if (n < 100) {
    return '0' + n;
  }
  return '' + n;
};

/** image-1.jpg -> 100.jpg */
const getNewFileName = (oldFileName) => {
  const _1_jpg = oldFileName.split('-')[1];
  const _1_jpgArr = _1_jpg.split('.');
  const num = _1_jpgArr[0];
  const ext = _1_jpgArr[1];
  const newFileName = getPaddedStr(num) + '.' + ext;
  return newFileName;
};

const renameForFiles = (rPath, files) => {
  files.forEach((oldFileName) => {
    const newFileName = getNewFileName(oldFileName);
    const oldFilePath = rPath + '/' + oldFileName;
    const newFilePath = rPath + '/' + newFileName;
    rename(fs, oldFilePath, newFilePath);
    p(oldFilePath + ' => ' + newFilePath);
  });
};

const rPath = './testdir';

fs.readdir(rPath, (err, files) => {
  if (err) throw err;

  renameForFiles(rPath, files);
});

'use strict';

const fs = require('fs');

const p = console.log;

const rename = (fs, oldFilePath, newFilePath) => {

fs.rename(oldFilePath, newFilePath, (err) => {

err ? p(err) : null;

});

};

const getPaddedStr = (n) => {

if (n < 10) {

return '00' + n;

}

if (n < 100) {

return '0' + n;

}

return '' + n;

};

/** image-1.jpg -> 100.jpg */

const getNewFileName = (oldFileName) => {

const _1_jpg = oldFileName.split('-')[1];

const _1_jpgArr = _1_jpg.split('.');

const num = _1_jpgArr[0];

const ext = _1_jpgArr[1];

const newFileName = getPaddedStr(num) + '.' + ext;

return newFileName;

};

const renameForFiles = (rPath, files) => {

files.forEach((oldFileName) => {

const newFileName = getNewFileName(oldFileName);

const oldFilePath = rPath + '/' + oldFileName;

const newFilePath = rPath + '/' + newFileName;

rename(fs, oldFilePath, newFilePath);

p(oldFilePath + ' => ' + newFilePath);

});

};

const rPath = './testdir';

fs.readdir(rPath, (err, files) => {

if (err) throw err;

renameForFiles(rPath, files);

});

2020.12.02

ジェネレータ関数はアロー関数でラップして使える

'use strict';

const p = console.log;

const generatorFunction = function* () {
  yield 1;
  yield 2;
  yield 3;
};

const generatorArrowFunction = () => {
  const generatorInnerFunction = function* () {
    yield 1;
    yield 2;
    yield 3;
  };
  return generatorInnerFunction();
};

const generator3main = () => {
  const g1 = generatorFunction();
  const g2 = generatorArrowFunction();

  p(g1.next().value);
  p(g1.next().value);
  p(g1.next().value);
  p(g1.next().value);

  p(g2.next().value);
  p(g2.next().value);
  p(g2.next().value);
  p(g2.next().value);
};

// module.exports = generator3main;
generator3main();

'use strict';

const p = console.log;

const generatorFunction = function* () {

yield 1;

yield 2;

yield 3;

};

const generatorArrowFunction = () => {

const generatorInnerFunction = function* () {

yield 1;

yield 2;

yield 3;

};

return generatorInnerFunction();

};

const generator3main = () => {

const g1 = generatorFunction();

const g2 = generatorArrowFunction();

p(g1.next().value);

p(g2.next().value);

};

// module.exports = generator3main;

generator3main();

1
2
3
undefined
1
2
3
undefined

undefined

12 3 4 5

JavaScript

generator関数をラムダに閉じ込める意味はあるのか不明

JSのジェネレータ関数はイテレータオブジェクトを返す

JavaScriptのイテレータの練習

Promiseと分割代入の練習

generatorの練習

async関数をコールバック関数として使う

JavascriptのPromise.all()が並列処理していることの確認

テンキーのないキーボードにテンキーをもたらすスクリプト

nodejsでimage-1.jpgから100.jpgにリネームするスクリプト

ジェネレータ関数はアロー関数でラップして使える

最近の投稿

サイトマップ

カテゴリー

アーカイブ

人気の投稿とページ

Twitter