JavaScript-массивы: пересечение, разность и объединение в ES6
Источник:
Пересечение даст нам элементы, которые объединяют оба массива, в этом случае результат должен быть [1,5].
Источник:
Пересечение даст нам элементы, которые объединяют оба массива, в этом случае результат должен быть [1,5].
let intersection = arrA.filter(x => arrB.includes(x));Разность будет выводить элементы из массива A, которых нет в массиве B. Результат будет [3,4].
let difference = arrA.filter(x => !arrB.includes(x));В этом случае вы получите массив, содержащий все элементы arrA, которых нет в arrB, и наоборот, так что результат должен быть [2,3,4,6,7].
let difference = arrA.filter(x => !arrB.includes(x)).concat(arrB.filter(x => !arrA.includes(x)));Объединение должно быть самым простым из них всех, в конце концов, результатом должны быть все элементы из A, все из B или оба, как это [1,2,3,4,5,6,7].
let union = [...arrA, ...arrB];Но есть проблема в том, что мы получим дублированные элементы, так что теоретически это не объединение. Для этого мы можем использовать new Set():
let union = [...new Set([...arrA, ...arrB)];••••••••••
Google Apps Script - новый день - новая функция
Источник:
Наряду с сервисом контента, теперь вы можете получить закодированную jSon версию скрипта любого модуля.
Я реализую это для сайтов Google и в других местах и опубликую здесь позже с результатами. Больше не нужно поддерживать исходный код в виде Gist и Apps Script!
••••••••••
Обсудить:
#GAS #ScriptApp
Источник:
Наряду с сервисом контента, теперь вы можете получить закодированную jSon версию скрипта любого модуля.
function doGet(e) {
return ContentService
.createTextOutput(JSON.stringify(mcpher.getMySource ( e )))
.setMimeType(ContentService.MimeType.JSON); ;
}
Код , который на это реагирует:/**
* Returns a modules source code
* @param {parameters} e the argument to doGet(e). should have module parameter specified
* @param {scriptappinstance} sap an instance of scriptapp
* @return {object} The result.
*/
function getMySource(e) {
var results = {error : "missing module parameter"};
if (e.hasOwnProperty("parameter")) {
if (e.parameter.module) {
try {
var results =
{ code :
{ module : e.parameter.module, code : ScriptApp.getResource(e.parameter.module).getDataAsString() }
};
}
catch (err) {
var results = { error : "could not open module " + e.parameter.module} ;
}
}
}
return results;
}
function testGetSource() {
Logger.log( getMySource ( {parameter: { module: "cRest" }}));
}
Попробуйте и убедитесь. Итак, теперь вы можете получить исходный код любого модуля, создав doGet (), как указано выше, и скопировав код getMySource.Я реализую это для сайтов Google и в других местах и опубликую здесь позже с результатами. Больше не нужно поддерживать исходный код в виде Gist и Apps Script!
••••••••••
Обсудить:
#GAS #ScriptApp
Desktop Liberation
Google Apps Script - a new day - a new feature - Desktop Liberation
Desktop Liberation and its related blog and G+ community aims to help you use cloud based APIS and services without being constrained by your desktop
Forwarded from DidacticСardsBot
Function.caller
Источник:
Не стандартно
Эта возможность не является стандартной и стандартизировать её пока никто не собирается. Не используйте её на сайтах, смотрящих во внешний мир: она будет работать не у всех пользователей. Также могут присутствовать большие несовместимости между реализациями и её поведение может в будущем измениться.
••••••••••
Обсудить:
Источник:
Не стандартно
Эта возможность не является стандартной и стандартизировать её пока никто не собирается. Не используйте её на сайтах, смотрящих во внешний мир: она будет работать не у всех пользователей. Также могут присутствовать большие несовместимости между реализациями и её поведение может в будущем измениться.
function myFunc() {
if (myFunc.caller == null) {
return 'Эта функция была вызвана из верхнего уровня!';
} else {
return 'Эта функция была вызвана из ' + myFunc.caller;
}
}••••••••••
Обсудить:
MDN Web Docs
Function.caller - JavaScript | MDN
Свойство function.caller возвращает функцию, которая вызвала указанную функцию.
Object.assign VS Object Spread
Источник:
похож на оператор Object.assign(), так какой из них следует использовать?
Оказывается, ответ немного более подробный, чем вы могли ожидать.
Краткий обзор Object Spread
Различия в сравнении Object.assign()
Операторы покоя / распространения объекта синтаксически аккуратны и предлагают преимущества в производительности Object.assign(). Если вы используете Node.js 8 или выше, попробуйте эти новые операторы и сделайте свой код более лаконичным.
••••••••••
Обсудить:
Источник:
var assingDestruction(){
const obj = { foo: 1, bar: 1 };
console.log({ ...obj, baz: 1 })
}
Оператор распространения объекта {...obj}похож на оператор Object.assign(), так какой из них следует использовать?
Оказывается, ответ немного более подробный, чем вы могли ожидать.
Краткий обзор Object Spread
Различия в сравнении Object.assign()
Операторы покоя / распространения объекта синтаксически аккуратны и предлагают преимущества в производительности Object.assign(). Если вы используете Node.js 8 или выше, попробуйте эти новые операторы и сделайте свой код более лаконичным.
••••••••••
Обсудить:
The Code Barbarian
Object.assign vs Object Spread in Node.js
JavaScript's Object.assign() function is similar to the spread operator `...`. Which one should you use?
Краткий обзор Object Spread
Источник:
Основная идея оператора распространения объекта - создать новый простой объект,
используя собственные свойства существующего объекта.
Таким образом
{...obj}
создается новый объект с теми же свойствами и значениями, что и obj.
Для простых старых объектов JavaScript вы по сути создаете копию obj.
Это делает копирование символов ES6 .
Порядок имеет значение:
оператор распространения объекта перезапишет свойства, определенные до него, но не после него.
const obj = { a: 'a', b: 'b', c: 'c' };
{ a: 1, b: null, c: void 0, ...obj }; // { a: 'a', b: 'b', c: 'c' }
{ a: 1, b: null, ...obj, c: void 0 }; // { a: 'a', b: 'b', c: undefined }
{ a: 1, ...obj, b: null, c: void 0 }; // { a: 'a', b: null, c: undefined }
{ ...obj, a: 1, b: null, c: void 0 }; // { a: 1, b: null, c: undefined }
••••••••••
Обсудить:
Источник:
Основная идея оператора распространения объекта - создать новый простой объект,
используя собственные свойства существующего объекта.
Таким образом
{...obj}
создается новый объект с теми же свойствами и значениями, что и obj.
Для простых старых объектов JavaScript вы по сути создаете копию obj.
const obj = { foo: 'bar' };
const clone = { ...obj }; // `{ foo: 'bar' }`
obj.foo = 'baz';
clone.foo; // 'bar'
Например Object.assign(), оператор распространения объекта не копирует унаследованные свойства или информацию о классе.Это делает копирование символов ES6 .
class BaseClass {
foo() { return 1; }
}
class MyClass extends BaseClass {
bar() { return 2; }
}
const obj = new MyClass();
obj.baz = function() { return 3; };
obj[Symbol.for('test')] = 4;
// Does _not_ copy any properties from `MyClass` or `BaseClass`
const clone = { ...obj };
console.log(clone); // { baz: [Function], [Symbol(test)]: 4 }
console.log(clone.constructor.name); // Object
console.log(clone instanceof MyClass); // false
Вы также можете смешивать другие свойства с оператором распространения объекта. Порядок имеет значение:
оператор распространения объекта перезапишет свойства, определенные до него, но не после него.
const obj = { a: 'a', b: 'b', c: 'c' };
{ a: 1, b: null, c: void 0, ...obj }; // { a: 'a', b: 'b', c: 'c' }
{ a: 1, b: null, ...obj, c: void 0 }; // { a: 'a', b: 'b', c: undefined }
{ a: 1, ...obj, b: null, c: void 0 }; // { a: 'a', b: null, c: undefined }
{ ...obj, a: 1, b: null, c: void 0 }; // { a: 1, b: null, c: undefined }
••••••••••
Обсудить:
The Code Barbarian
Object.assign vs Object Spread in Node.js
JavaScript's Object.assign() function is similar to the spread operator `...`. Which one should you use?
Различия в сравнении Object.assign()
Источник:
Функция Object.assign() по сути взаимозаменяема с оператором распространения объекта для приведенных выше примеров.
Фактически, в спецификации распространения объекта явно указано, что
{ ...obj } это эквивалентно Object.assign({}, obj).
Одно из ключевых отличий заключается в том, что оператор распространения объекта
всегда возвращает вам POJO.
Object.assign()Функция изменяет свой первый параметр на месте:
модифицирует объект на месте и может запускать сеттеры ES6 .
Если вы предпочитаете использовать неизменяемые методы, явным победителем станет оператор распространения объекта.
С Object.assign(), вам нужно будет убедиться, что вы всегда передаете пустой объект {}в качестве первого аргумента.
Еще одно связанное отличие состоит в том,
что распространение
определяет новые свойства,
Object.assign()
устанавливает их .
Например, Object.assign()вызывает
сеттеры ,
которые определены Object.prototype, а оператор распространения - нет.
Вот пара простых тестов. Похоже, что распространение объекта происходит быстрее, если вы передаете пустой объект в качестве первого параметра Object.assign(), но в остальном они взаимозаменяемы.
Вот эталон, использующийся Object.assign()с назначением на месте:
Обсудить:
Источник:
Функция Object.assign() по сути взаимозаменяема с оператором распространения объекта для приведенных выше примеров.
Фактически, в спецификации распространения объекта явно указано, что
{ ...obj } это эквивалентно Object.assign({}, obj).
const obj = { a: 'a', b: 'b', c: 'c' };
Object.assign({ a: 1, b: null, c: void 0 }, obj); // { a: 'a', b: 'b', c: 'c' }
Object.assign({ a: 1, b: null }, obj, { c: void 0 }); // { a: 'a', b: 'b', c: undefined }
Object.assign({ a: 1 }, obj, { b: null, c: void 0 }); // { a: 'a', b: null, c: undefined }
Object.assign({}, obj, { a: 1, b: null, c: void 0 }); // { a: 1, b: null, c: undefined }
Так почему бы вам использовать то или другое? Одно из ключевых отличий заключается в том, что оператор распространения объекта
всегда возвращает вам POJO.
Object.assign()Функция изменяет свой первый параметр на месте:
class MyClass {
set val(v) {
console.log('Setter called', v);
return v;
}
}
const obj = new MyClass();
Object.assign(obj, { val: 42 }); // Prints "Setter called 42"
Другими словами, Object.assign()модифицирует объект на месте и может запускать сеттеры ES6 .
Если вы предпочитаете использовать неизменяемые методы, явным победителем станет оператор распространения объекта.
С Object.assign(), вам нужно будет убедиться, что вы всегда передаете пустой объект {}в качестве первого аргумента.
Еще одно связанное отличие состоит в том,
что распространение
определяет новые свойства,
Object.assign()
устанавливает их .
Например, Object.assign()вызывает
сеттеры ,
которые определены Object.prototype, а оператор распространения - нет.
Object.defineProperty(Object.prototype, 'myProp', {
set: () => console.log('Setter called');
});
const obj = { myProp: 42 };
Object.assign({}, obj); // Prints "Setter called"
const newObj = { ..obj }; // Does **not** print "Setter called"
Это довольно незначительная разница, потому что, как правило, определять собственный сеттер - плохая практика Object.prototype. Но вы должны отметить, что Object.assign()вызывает сеттеры для целевого объекта.const obj = {};
Object.defineProperty(obj, 'myProp', {
set: () => console.log('Setter called');
});
Object.assign(obj, { myProp: 42 }); // Prints "Setter called"
А как насчет производительности? Вот пара простых тестов. Похоже, что распространение объекта происходит быстрее, если вы передаете пустой объект в качестве первого параметра Object.assign(), но в остальном они взаимозаменяемы.
Вот эталон, использующийся Object.assign()с назначением на месте:
const Benchmark = require('benchmark');
const suite = new Benchmark.Suite;
const obj = { foo: 1, bar: 2 };
suite.
add('Object spread', function() {
({ baz: 3, ...obj });
}).
add('Object.assign()', function() {
Object.assign({ baz: 3 }, obj);
}).
on('cycle', function(event) {
console.log(String(event.target));
}).
on('complete', function() {
console.log('Fastest is ' + this.filter('fastest').map('name'));
}).
run({ 'async': true });
В этом случае они похожи:Object spread x 3,170,111 ops/sec +-1.50% (90 runs sampled)Однако, как только вы добавляете пустой параметр Object.assign()объекта, оператор распространения объекта будет работать быстрее:
Object.assign() x 3,290,165 ops/sec +-1.86% (88 runs sampled)
Fastest is Object.assign()
suite.Вот результат:
add('Object spread', function() {
({ baz: 3, ...obj });
}).
add('Object.assign()', function() {
Object.assign({}, obj, { baz: 3 });
})
Object spread x 3,065,831 ops/sec +-2.12% (85 runs sampled)••••••••••
Object.assign() x 2,461,926 ops/sec +-1.52% (88 runs sampled)
Fastest is Object spread
Обсудить:
The Code Barbarian
Object.assign vs Object Spread in Node.js
JavaScript's Object.assign() function is similar to the spread operator `...`. Which one should you use?
Имеем:
Ось Win 10
VS CODE
NodeJS
Clasp
Git
Требуеться начать работатать с
https://github.com/hedgehogsburrows/empty-google-apps-script-project
Ось Win 10
VS CODE
NodeJS
Clasp
Git
Требуеться начать работатать с
https://github.com/hedgehogsburrows/empty-google-apps-script-project
GitHub
GitHub - hedgehogsburrows/empty-google-apps-script-project
Contribute to hedgehogsburrows/empty-google-apps-script-project development by creating an account on GitHub.
Задал вопрос в google
Удалить пустые элементы из массива в JavaScript
Прозрел
Хотя вопрос удаления пустых столбцов пока на повестке дня
Удалить пустые элементы из массива в JavaScript
Прозрел
Хотя вопрос удаления пустых столбцов пока на повестке дня
Answer-Id
Удалить пустые элементы из массива в JavaScript
Как удалить пустые элементы из массива в JavaScript?
Есть ли простой способ, или мне нужно перебрать массив и удалить их вручную? arrays javascript node.js
Есть ли простой способ, или мне нужно перебрать массив и удалить их вручную? arrays javascript node.js
Volond Apps
Вообще-то тема библиотек интересна! ‼️Хотелось бы обсудить, услышать мнение сообщества эту тему.‼️ 1. Да с одной стороны Google предложил такую функциональность, с другой сам же не советует как плохую практику 1.📛Предупреждение: скрипт, использующий библиотеку…
"exports IITF": {
"prefix": "expFn",
"body": [
"(function (global, factory) {",
" typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :",
" typeof define === 'function' && define.amd ? define(['exports'], factory) :",
" (factory((global.${1} = {})));",
"}(this, (function (exports) {'use strict';",
"/**",
" * A function that always returns `false`. Any passed in parameters are ignored.",
" *",
" * @func",
" * @memberOf R",
" * @since v0.9.0",
" * @category Function",
" * @sig * -> Boolean",
" * @param {*}",
" * @return {Boolean}",
" * @see R.T",
" * @example",
" *",
" * R.F(); //=> false",
" */",
"${2:example}",
"exports.${3} = ${4};",
"Object.defineProperty(exports, '__esModule', { value: true });",
"})));"
],
"description": "exports IITF"
}Forwarded from volond
This media is not supported in your browser
VIEW IN TELEGRAM
Мульти Выпадающий Список
Давно хотел сделать
Давно хотел сделать
This media is not supported in your browser
VIEW IN TELEGRAM
Вариант с возможностью отсеивания уже выбранных позиций
This media is not supported in your browser
VIEW IN TELEGRAM
Следующие N флажков
This media is not supported in your browser
VIEW IN TELEGRAM
Выделить далее N флажков
Автоматизация анализа акций с помощью скрипта Google Apps
Источник:
Раньше я вручную вводил финансовые данные по акциям в Excel, а затем создавал диаграммы для визуализации данных. Это заняло много времени и очень подвержено человеческой ошибке.
Недавно я понял, что Google Apps Script может быть спасением и, возможно, сокращает всю ручную работу и, таким образом, автоматизирует процесс заполнения финансовых данных и создания диаграмм.
••••••••••
Обсудить:
Источник:
Раньше я вручную вводил финансовые данные по акциям в Excel, а затем создавал диаграммы для визуализации данных. Это заняло много времени и очень подвержено человеческой ошибке.
Недавно я понял, что Google Apps Script может быть спасением и, возможно, сокращает всю ручную работу и, таким образом, автоматизирует процесс заполнения финансовых данных и создания диаграмм.
••••••••••
Обсудить:
This media is not supported in your browser
VIEW IN TELEGRAM
Боремся за + в номере телефона
case (range.getA1Notation() == "G22" && sheet.getName() == 'Шаблон Чека') && value!='':
if (value.match(/=\d/)){
var [,...rest]=value
range.setValue(["'+",...rest].join(''))
break;
}Как посчитать количество повторений символов в строке?
Источник:
Обсудить:
Источник:
var orderedCount = function (text) {
arr = []
text.split('').forEach( (s,i) => {
if (!arr.includes([s])) {
arr.push([s, 1])
} else {
++arr[i][1]
}
})
return arr;
}
function orderedCount(str) {
const symbols = new Map();
for (const c of str) {
const currCount = symbols.get(c) || 0;
symbols.set(c, currCount + 1);
}
const orderedSymbols = [...symbols.entries()];
return orderedSymbols;
}
Object.entries([...str].reduce((acc, n) => (acc[n] = (acc[n] || 0) + 1, acc), {}))
••••••••••Обсудить:
Хабр Q&A — вопросы и ответы
Как посчитать количество повторений символов в строке?
Ответили на вопрос 4 человека. Оцените лучшие ответы! И подпишитесь на вопрос, чтобы узнавать о появлении новых ответов.
Forwarded from DidacticСardsBot
Создает один объект Date из отдельных ячеек даты и времени
Источник:
••••••••••
Обсудить:
Источник:
/**
* Creates a single Date object from separate date and time cells.
* Создает один объект Date из отдельных ячеек даты и времени
* @param {Date} date A Date object from which to extract the date.
* @param {Date} time A Date object from which to extract the time.
* @return {Date} A Date object representing the combined date and time.
*/
function joinDateAndTime_(date, time) {
date = new Date(date);
date.setHours(time.getHours());
date.setMinutes(time.getMinutes());
return date;
}
••••••••••
Обсудить:
Forwarded from IT Библиотека
📙JavaScript. Полное руководство. 7-е издание
✍🏻Дэвид Флэнаган (2021)
▪️В настоящей книге рассматривается язык JavaScript и API-интерфейсы JavaScript, реализованные в веб-браузерах и Node. Автор написал ее для читателей, которые имеют определенный опыт программирования и хотят изучить JavaScript, а также для программистов, которые уже используют JavaScript, но стремятся повысить уровень своих знаний и мастерства владения языком.
📁Скачать
@itlibrary
✍🏻Дэвид Флэнаган (2021)
▪️В настоящей книге рассматривается язык JavaScript и API-интерфейсы JavaScript, реализованные в веб-браузерах и Node. Автор написал ее для читателей, которые имеют определенный опыт программирования и хотят изучить JavaScript, а также для программистов, которые уже используют JavaScript, но стремятся повысить уровень своих знаний и мастерства владения языком.
📁Скачать
@itlibrary
Forwarded from DidacticСardsBot
VtstTemplatingLib
Источник:
Библиотека скриптов Google Apps для создания шаблонов файлов на Google Диске.
Эта библиотека позволяет создавать файлы и папки на Google Диске с помощью переменных. Например, вы можете создать документ Google для письма и поместить строку '{{first_name}}' в качестве заполнителя для имени получателя письма. Эта библиотека сможет программно скопировать этот документ и заменить {{first_name}} фактическим именем, указанным вами.
Текущая версия библиотеки может создавать экземпляры любой иерархии файлов и папок на Google Диске. Переменные (в форме {{имя}}) подставляются в:
имена файлов и папок,
Документы Google,
Google Формы.
Кроме того, ссылки в Документах Google, указывающие на файлы шаблона, обновляются и указывают на файлы экземпляра.
Как использовать в своем проекте?
Вы можете добавить библиотеку в свой проект скрипта Google Apps, следуя процедуре, описанной здесь. Ключ проекта библиотеки - My93PhalcS_uZ9RkDLiXns_YB2d3K7A2c. Вам следует выбрать последнюю доступную версию.
••••••••••
Обсудить:
Источник:
Библиотека скриптов Google Apps для создания шаблонов файлов на Google Диске.
Эта библиотека позволяет создавать файлы и папки на Google Диске с помощью переменных. Например, вы можете создать документ Google для письма и поместить строку '{{first_name}}' в качестве заполнителя для имени получателя письма. Эта библиотека сможет программно скопировать этот документ и заменить {{first_name}} фактическим именем, указанным вами.
Текущая версия библиотеки может создавать экземпляры любой иерархии файлов и папок на Google Диске. Переменные (в форме {{имя}}) подставляются в:
имена файлов и папок,
Документы Google,
Google Формы.
Кроме того, ссылки в Документах Google, указывающие на файлы шаблона, обновляются и указывают на файлы экземпляра.
Как использовать в своем проекте?
Вы можете добавить библиотеку в свой проект скрипта Google Apps, следуя процедуре, описанной здесь. Ключ проекта библиотеки - My93PhalcS_uZ9RkDLiXns_YB2d3K7A2c. Вам следует выбрать последнюю доступную версию.
••••••••••
Обсудить:
GitHub
vtst/google-apps-scripts
Libraries for Google Apps Scripts. Contribute to vtst/google-apps-scripts development by creating an account on GitHub.