Внутри кавычек "…" ключевые слова не переводятся. Скобки у команд пишем сами:
окно("Привет!"), нарисовать прямоугольник(10, 10, 100, 50).
| Пишем на РЯП | Получается на JavaScript |
|---|
| ПДК (с большой буквы) | .getContext('2d') |
| содержание холста | ctx=document.getElementById('canvas').getContext('2d') |
| НП | нарисовать прямоугольник |
| нарисовать прямоугольник | ctx.fillRect( |
| цвет заливки | ctx.fillStyle= |
| цвет линии | ctx.strokeStyle= |
| ширина линии | ctx.lineWidth= |
| высота холста | document.getElementById('canvas').height |
| ширина холста | document.getElementById('canvas').width |
| очистить холст | предыдущийцвет=ctx.fillStyle;ctx.fillStyle="white";ctx.fillRect(0,0,document.getElementById("canvas").width, document.getElementById("canvas").height);ctx.fillStyle=предыдущийцвет |
| рисовка линий | ctx.beginPath() |
| ПЛИТ (с большой буквы) | провести линию из точки |
| провести линию из точки | ctx.moveTo( |
| ПЛВТ (с большой буквы) | провести линию в точку |
| провести линию в точку | ctx.lineTo( |
| ЗРЛ (с большой буквы) | завершить рисовку линий |
| завершить рисовку линий | ctx.stroke() |
| ПЛИПТВП (с большой буквы) | провести линию из первой точки в последнюю |
| провести линию из первой точки в последнюю | ctx.closePath() |
| заполнить фигуры | ctx.fill() |
| ПФ (с большой буквы) | повернуть фигуру |
| повернуть фигуру | ctx.rotate |
| размер шрифта текста | ctx.font= |
| нарисовать текст | ctx.fillText( |
| нарисовать картинку | ctx.drawImage( |
| подключить картинку | = new Image() |
| путь к картинке | .src = |
| анимировать холст | window.requestAnimationFrame( |
| Пишем на РЯП | Получается на JavaScript |
|---|
| конвертация в JASON | JSON.stringify( |
| конвертация из JASON | JSON.parse( |
| глубокое копирование | JSON.parse(JSON.stringify( |
| с сохранением вложений | )) |
| ИПМ | .map( |
| перебор значений массива с его изменением | .map( |
| присоединить к массиву | .concat( |
| клонировать | .concat([]) |
| поиск в массиве | .indexOf( |
| индекс в массиве | in |
| есть ли элемент в массиве | .includes( |
| КЗОМ | Object.values( |
| ККОМ | Object.values( |
| КОМ | Object.entries( |
| преобразовать в массив | Array.from( |
| создать массив | new Array( |
| заполнить массив | .fill( |
| полный перебор значений массива | .reduce( |
| ПМ | .forEach( |
| перебор значений массива | .forEach( |
| запись уникальных значений массива | ...new Set( |
| количество элементов в массиве | .length |
| удалить последний элемент в массиве | .pop() |
| добавить элемент в массив | .push( |
| индекс с конца | .at( |
| выбрать последний элемент | .findLast( |
| выбрать последний подходящий элемент | .findLast |
| выбрать подходящий элемент | .find( |
| выбрать индекс последнего подходящего элемента | .findLastIndex( |
| перевернуть массив | .reverse() |
| последний элемент в массиве | .length-1 |
| отсортировать элементы в массиве | .sort( |
| сортировать элементы в массиве | .sort( |
| отфильтровать массив | .filter( |
| фильтровать массив | .filter( |
| преобразовать трехмерный массив в двухмерный | .flat() |
| обьединить массив | .join( |
| объединить массив | .join( |
| Пишем на РЯП | Получается на JavaScript |
|---|
| ДОКУМЕНТ- | document. |
| ДОКУМЕНТ | document |
| html элемент с айди | document.getElementById( |
| html элемент с классом | document.getElementsByClassName( |
| все html элементы | document.querySelectorAll( |
| создать html элемент | document.createElement( |
| html элемент | document.querySelector( |
| его html содержание | .innerHTML |
| его html содержимое | .innerHTML |
| удалить html элемент | .removeChild( |
| его текстовое содержимое | .value |
| при нажатии на элемент | .onclick =()=>{ |
| выбрать элемент | .select() |
| копировать элемент в буфер обмена | document.execCommand('copy') |
| КЭВБО (с большой буквы) | document.execCommand('copy') |
| СТРАНИЦА- (с большой буквы) | window. |
| СТРАНИЦА (с большой буквы) | window |
| перезагрузить страницу | location.reload(); |
| при загрузке страницы | window.onload= |
| анимировать элемент | .requestAnimationFrame( |
| получение двухмерного контекста | .getContext('2d') |
| получить | fetch( |
| при нажатии мышкой | document.addEventListener("click", function (e) |
| позиция клика по x | e.x |
| позиция клика по y | e.y |
| при нажатии на кнопку | document.addEventListener("keydown", function (e) |
| код кнопки | e.keyCode |
| название кнопки | e.key |
| дата по стандарту | new Date().toISOString() |
| локальное хранилище- | localStorage. |
| добавить ячейку | setItem( |
| прочитать ячейку | getItem( |
| очистить ячейки | clear() |
| <кнопка | <button |
| <!кнопка> | </button> |
| <контейнер | <div |
| <!контейнер> | </div> |
| <ссылка | <a |
| <!ссылка> | </a> |
| сейчас | new Date() |
| время | new Date().getTime() |
| день месяца | new Date().getDate() |
| день недели | new Date().getDay() |
| этот год | new Date().getFullYear() |
| этот час | new Date().getHours() |
| эта минута | new Date().getMinutes() |
| эта секунда | new Date().getSeconds() |
| заголовок страницы | document.title |
| фон страницы | document.body.style.background= |
| цвет текста страницы | document.body.style.color= |
| ширина экрана | window.innerWidth |
| высота экрана | window.innerHeight |
| Пишем на РЯП | Получается на JavaScript |
|---|
| высота окна | window.innerHeight |
| ширина окна | window.innerWidth |
| пикселей | px |
| интервал | setInterval |
| задержка | setTimeout( |
| нарисовать круг | КРУГ_РЯП( |
| тип данных | typeof( |
| однострочный комментарий | // |
| многострочный комментарий | /* |
| окончание многострочного комментария | */ |
| строчный | "string" |
| числовой | "number" |
| конвертировать значения объекта в массив | Object.values( |
| преобразовать значения объекта в массив | Object.values( |
| преобразовать значения обьекта в массив | Object.values |
| конвертировать ключи объекта в массив | Object.keys( |
| преобразовать ключи объекта в массив | Object.keys( |
| преобразовать ключи обьекта в массив | Object.keys |
| конвертировать объект в массив | Object.entries( |
| преобразовать объект в массив | Object.entries( |
| отсортировать числа | .sort((а, б) => а - б) |
| отсортировать копию чисел | .toSorted((а, б) => а - б) |
| дождаться выполнения | await |
| не принимает аргументы | ( |
| принимает аргументы | ( |
| вставить в начало массива | .unshift |
| кривая в точку | ctx.quadraticCurveTo |
| угол к точке | Math.atan2 |
| число с точкой до | .toFixed |
| строгий код | "use strict" |
| вывод в консоль группы | console.group() |
| окончание группы | console.groupEnd() |
| вывод в консоль таблицы | console.table( |
| вывод в консоль предупреждения | console.warn( |
| вывод в консоль информации | console.dir( |
| очистить консоль | console.clear() |
| перезапустить счетчик в консоли | console.countReset( |
| запустить счетчик в консоли | console.count( |
| запустить таймер в консоли | console.time( |
| остановить таймер в консоли | console.timeLog( |
| продолжить | continue |
| дебагер | debugger |
| проверка числа | !isNaN( |
| уникальная метка | Symbol( |
| удалить цифры после запятой у числа | ~~ |
| удалить цифры после точки у числа | ~~ |
| уд после точ | ~~ |
| удпослеточ | ~~ |
| ес выражение верно => | ? |
| ес выражение не верно => | ? |
| тогда | : |
| при нажатии клавиши | document.addEventListener("keydown", function (e) |
| при отпускании клавиши | document.addEventListener("keyup", function (e) |
| название клавиши | e.key |
| попробовать выполнить | try |
| уловить ошибку | catch( |
| вне зависимости от ошибок | finally |
| адрес=" | href=" |
| при нажатии на элемент=" | onclick=" |
| стиль=" | |
| арксинус | Math.asin( |
| арккосинус | Math.acos( |
| арктангенс | Math.atan( |
| подключить библиотеку расширенной работы с холстом | {LIB_CANVAS} |
| подключить библиотеку расширенной математики | {LIB_MATH} |
| подключить библиотеку расширенной работы с текстом | {LIB_TEXT} |
| подключить библиотеку кода в одну строку | {LIB_ONELINE} |
| подключить библиотеку привет | alert('Привет, Мир!') |
| срез | .slice |
| буква по номеру | .charAt |
| код буквы | .charCodeAt |
| включает | .includes |
| кончается на | .endsWith |
| начинается с | .startsWith |
| переписать целиком | .replaceAll |
| заполнить слева | .toString().padStart |
| заполнить справа | .toString().padEnd |
| убрать левые пробелы | .trimStart() |
| убрать правые пробелы | .trimEnd() |
| в системе счисления | .toString |
| буква из кода | String.fromCharCode( |
| кубический корень | Math.cbrt( |
| десятичный логарифм | Math.log10( |
| двоичный логарифм | Math.log2( |
| натуральный логарифм | Math.log( |
| корень суммы квадратов | Math.hypot( |
| проверить целое | Number.isInteger( |
| целое из строки | parseInt( |
| дробное из строки | parseFloat( |
| вырезать из массива | .splice |
| вырезать часть массива | .slice |
| отсортировать копию массива | .toSorted() |
| перемешать массив | .sort(()=>Math.random()-0.5) |
| сгладить массив | .flat() |
| сложить всё | .reduce((а, б) => а + б) |
| убрать первый элемент | .shift() |
| проверить массив | Array.isArray( |
| этот месяц | new Date().getMonth() |
| дата из текста | new Date( |
| обвести прямоугольник | ctx.strokeRect( |
| очистить область | ctx.clearRect( |
| сдвинуть кисть | ctx.translate( |
| масштаб кисти | ctx.scale( |
| сохранить кисть | ctx.save() |
| восстановить кисть | ctx.restore() |
| прозрачность кисти | ctx.globalAlpha= |
| тень кисти | ctx.shadowBlur= |
| выравнивание текста | ctx.textAlign= |
| обвести текст | ctx.strokeText( |
| бросить ошибку | throw new Error( |
| Подключение | Что даёт |
|---|
| ПБ привет | сразу показывает «Привет, Мир!» |
| ПБ расширенной работы с холстом | покрасить_весь_холст_в(цвет),
нарисовать_квадрат(x, y, ребро),
размеры_холста(ширина, высота) или размеры_холста("стандарт") — на всё окно,
проверка_столкновений(...) |
| ПБ расширенной математики | целое_случайное_число(макс, мин),
кв_корень(x), куб_корень(x), корень(x, степень),
умножение(a, b) (работает и со строками), преобразовать_в_число(x),
наверное(a), примерно_равно(a, b), сложение_нецелых(a, b), класс РЯПС |
| ПБ расширенной работы с текстом | записать_в_массив_текст(строка),
записать_массив_в_строку(массив), принт(...),
убрать_все_пробелы(строка), разбить_строку_по_пробелам(строка),
убрать_буквы(строка), убрать_цифры(строка) |
| ПБ кода в одну строку | код_в_одну_строку(ф1, ф2, …) — вызывает функции по очереди |
| ПБ моя_библиотека | ваша библиотека: файл библиотеки/моя_библиотека.ряпс
(или .ряп, .js) рядом с программой или в папке РЯП2.7.
РЯП-библиотека переводится как обычная программа. Библиотека может подключать другую через ПБ. |
Сгенерировано скриптом src/gen_spravka.py. Правила — в src/keywords.csv.