Краткое изложение пунктов знаний по изучению JavaScript

Как быстро начать работу с VUE3.0: Введите и изучите

соответствующие рекомендации: Учебное пособие по JavaScript

1, Простое введение в JavaScript.

1.1. Клиентский язык сценариев

, работающий в клиентском браузере. В каждом браузере имеется скриптовый язык механизма синтаксического анализа JavaScript: его не нужно компилировать, он может анализироваться и выполняться непосредственно браузером. Он может улучшить процесс взаимодействия между пользователями и HTML-страницами, управлять HTML-элементами и сделать страницу динамической. . Эффект и улучшение пользовательского опыта

1.2. История развития JavaScript

В 1992 году Nombase разработала первый язык сценариев на стороне клиента, специально используемый для проверки форм. Название: C--, позже переименованное: ScriptEase.
В 1995 году Netscape разработала язык сценариев на стороне клиента: LiveScript. Позже экспертам из SUN было предложено модифицировать LiveScript и назвать его JavaScript.
В 1996 году Microsoft скопировала JavaScript и разработала язык JScript.
В 1997 году ECMA (Европейская ассоциация производителей компьютеров) сформулировала стандарт для языков сценариев на стороне клиента: ECMAScript, который унифицирует методы кодирования всех языков сценариев на стороне клиента.

собственные

уникальные возможности JavaScript (BOM+DOM)

1.3.

б. Объектно-ориентированный
c.Управление событиями
d.Слабый тип
е. Высокая безопасность
f. Кроссплатформенная

ссылка на JavaScript 1.4.

Если вам нужно вставить JavaScript на HTML-страницу, используйте тег <script> .
<script> 和</script> сообщают JavaScript, где начинать и заканчивать.
Строки кода между <script> 和</script> содержат JavaScript

<script type="text/javascript" src="${request.contextPath}/static/js/homepage.js"></script>

Несколько. способы вывода JavaScript

window.alert()document.write()innerHTML
console.log()

В личных целях console.log() удобнее использовать в программировании. Вы можете напрямую просматривать содержимое вывода через консоль F12.

1.6.

1.7.Комментарий JavaScript

// Это код: комментарий из одного предложения, обычно это клавиша ctrl + L в редакторе.
/* Это код*/: Многострочные комментарии, обычно клавиши Ctrl + Shift + L в редакторе.

1.8.Каковы общие идентификаторы в JavaScript?

1.9.Каковы общие события HTML в JavaScript?

1.10. Общие операторы JavaScript.

1.11.Распространенные операторы присваивания в JavaScript

1.12.Распространенные операторы сравнения в JavaScript

1.13.Распространенные логические операторы в JavaScript.

2. Подробное описание основного синтаксиса JavaScript

2.1. Переменные

2.1.1. Определите переменную

// Объявите переменную с именем test. var test;

var age, name, sex;//Объявляем три переменные возраста, имени и пола

//Объявляем переменные одновременно и присваиваем значения var age = 10, name = "Xiaoqiang", sex = "1 ";

2.1.2. Правила и спецификации именования переменных

1. Состоит из букв, цифр, символов подчеркивания и символов. Не может начинаться с цифры.
2. Нельзя использовать ключевые слова, например: while
3. Спецификации с учетом регистра: обычный метод написания.
1. Имена переменных должны быть осмысленными.
2. Соблюдайте номенклатуру верблюжьего регистра. Первая буква номенклатуры верблюжьего регистра — строчная, а первая буква следующих слов — заглавная, например имя пользователя.

2.2. Типы

данных: Number类型、String类型、Boolean类型、Undefined类型、Null类型、Object类型

2.2.1.Number

Цифровой тип числа: включает целые и десятичные числа и может быть выражен в: десятичном, восьмеричном, шестнадцатеричном виде,

например:

var num = 10; 
//Десятичный var num1 = 012; 
//Восьмеричная var num2 = ox123; 

Диапазон

шестнадцатеричных

console.log(Number.MAX_VALUE); 
//Максимальное значение — 5e-324console.log(Number.MIN_VALUE); 
//Минимальное значение: 1,7976931348623157e+308 Infinity: Infinity: -Числовое

определение бесконечности не может использовать десятичные дроби для проверки десятичных дробей и не использовать NaN для проверки того, является ли это NaN (NaN ---- не число), но вы можете использовать isNaN — нет Является ли результат числом NaN?
Например:

var num; 
//Объявляем переменную, не назначенную console.log(isNaN(num)); 
// Разве это не число? Результат верен.

2.2.2.Эскейп-

символ строковой строки:

например:

var str = "Я в личку\"console.log(str); 
// я pm

Конкатенация строк:

var str1 = "Mr.";var str2 = "Hello";console.log(str1+str2); 
// Здравствуйте, сэр,

если результат сращивания строк и чисел также является результатом сращивания строк, как показано выше.

2.2.3.

Boolean Логический тип, эти два атрибута true/false

2.2.4.

Неопределенный неопределенный означает, что переменная была задана. объявлено без присвоения, переменная. Когда она только объявлена, значение по умолчанию равно неопределенному.
Например:

var num;console.log(num); 
// неопределенное

2.2.5.Null

Null представляет собой нулевое значение. Если значение переменной должно быть нулевым, оно должно быть установлено вручную

2.2.6.Объект

2.3.

Преобразование в числовой тип

(1). , Number() Любое значение может быть преобразовано в числовое значение. Если в преобразуемой строке есть символ, не являющийся числовым значением, возвращается NaN.
Например:

var num1 = Number("10");console.log(num1); 
// 10var num2 = Number('10adbdn');console.log(num2); 
//NaNvar num3 = Number("10.78");console.log(num3); 
//10.78var num4 = Number('10.65dd');console.log(num4); 
//NaNvar num5 = Number("a10");console.log(num5); 
//NaN

(2), parseInt() преобразуется в целое число, например:

var num1 = parseInt("10");console.log(num1); 
// 10var num2 = parseInt('10adbdn');console.log(num2); 
//10var num3 = parseInt("10.78");console.log(num3); 
//10var num4 = parseInt('10.65dd');console.log(num4); 
//10var num5 =parseInt("a10");console.log(num5); 
//NaN

(3), преобразовать parseFloat() в десятичное число, например:

var num1 = parseFloat("10");console.log(num1); 
// 10var num2 = parseFloat('10adbdn');console.log(num2); 
//10var num3 = parseFloat("10.78");console.log(num3); 
//10var num4 = parseFloat('10.65dd');console.log(num4); 
//10var num5 = parseFloat("a10");console.log(num5);

Разница между (4), Number(), parseInt() и parseFloat();
Number() более строгий, чем parseInt() и parseFloat().
parseInt() аналогичен parseFloat(), parseFloat будет анализировать первый. При обнаружении второго или нечислового конца

2.3.2. Преобразовать в строковый тип

(1), toString().
Например:

var num = 10;console.log(num.toString()); 
// Строка 10

(2), Строка()
Например:

var num1 =5;console.log(String(num1)); 
// Строка 5

(2), JSON.stringfy()

2.3.3. Преобразование в логический тип

0, пустая строка, значение null, неопределенное, NaN будет преобразовано в false, остальные будут преобразованы в true
Например:

var num1 = Boolean(0);console.log(num1); 
// falsevar num2 = Boolean("");console.log(num2); 
// falsevar num3 = Boolean(null);console.log(num3); 
/ falsevar num4 = Boolean(undefined);console.log(num4); 
// falsevar num5 = 10;var num6;console.log(Boolean(num5+num6)); 
/false

2.4.Оператор

Типы операторов: арифметические операторы, составные операторы, операторы отношения, логические операторы

(1), арифметические операторы: "+" "-" "*" "/" "%"
Арифметические выражения: выражения, связанные арифметическими операторами

(2). Составные операторы: "+=""-=""*=""/=""%=".
Выражения составных операций: Выражения (3), связанные составными операторами

, операторами отношения: ">""<"">=""<="" "" =""!=""!== "
Выражение реляционной операции: выражения, связанные операторами отношения

(4), логические операторы: "&&" "||" "!"

выражение 1 && выражение 2,

соединенное логическими операторами.

Если один из них ложный, весь результат является ложным.

Выражение 1 || Выражение 2.
Если один из них истинен, весь результат является ложным

! Результат выражения-выражения является истинным, а весь результат — ложным.
Результат выражения ложный, а весь результат — истинный.

2.5. Приоритет операторов

от большего к меньшему:

() Унарный оператор с наивысшим приоритетом ++ – !
Арифметические операторы: */%, а затем + -.
Операторы отношения > >= < <=
Оператор равенства == != === !==
Логические операторы: &&, за которыми следует ||
Оператор присваивания

2.6 Функция

2.6.1 Введение

Функции в JavaScript являются объектами. Объект представляет собой коллекцию пар имя/значение и имеет скрытую связь с объектом-прототипом. Объект, созданный литералом объекта, подключен к Object.prototype. Объекты-функции подключены к Function.prototype (который сам связан с Object.prototype). При создании каждой функции будут прикреплены два скрытых атрибута: контекст функции и код, реализующий поведение функции.

2.6.2. Функция использует

функцию functionname() {вот код для выполнения}

Синтаксис:
В круглые скобки могут быть включены аргументы, разделенные запятыми:

(аргумент1, аргумент2, …)

Код, выполняемый функцией, помещается в фигурные скобки: {}

имя функции(аргумент1, аргумент2, аргумент3) {
    Код для выполнения}

Параметры функции — это имена, перечисленные в определении функции.
Аргументы функции — это фактические значения, полученные функцией при вызове функции

:

//Создаем здесь функцию sumfunction sum(num1, num2) {.
    результат вар = число1 + число2;
    console.log("num1 + num2 = " + result);}// Вызов функции sum(10, 20);

немедленно выполняем функцию:

$(function(){);
	//Не только функции, все выходные данные переменных и т. д., написанные здесь, являются загрузкой страниц и выполняются напрямую sum()})

Регулярные выражения JavaScript

2.7.1. Создание литералов регулярных выражений

. Синтаксис: Reg = /pattern/modifiers; буквальная регулярность состоит из двух косых черт //, а правило записывается после первой косой черты: /pattern[Правила могут писать различные метасимволы | набор слов|утверждать...] . После второй косой черты напишите идентификатор /modifiers [g глобальное совпадение | я игнорирую регистр | m совпадение новой строки | начальная позиция | конечная позиция].
вар Рег = /box/gi;
Конструктор. Синтаксис Reg = new RegExp( pattern , modifiers ); в настоящее время модификаторы являются строками. Независимо от того, как вы его создаете, он один и тот же: шаблон шаблона, соответствующий контент и модификаторы.

var Reg = new RegExp("box","gi");

2.7.2. Описание метода регулярного выражения

переменной

ул = 'a1b2c3a4a5',
    reg = /a/g;console.log(str.match(reg)); //["a", "a", "a"]var str = 'a1b2c3a4a5',
    reg = /a/;console.log(str.search(reg)); //0var str = 'a1b2c3a4a5',
    reg = /a/g;console.log(str.replace(reg,function(){
    console.log(аргументы);
    вернуть 5555;}));var str = 'a,b,c,d',
    reg = /,/g;//console.log(str.split(',')); //["a", "b", "c", "d"]console.log(str.split( reg)) //["a", "b", "c", "d"]

2.7.3.Описание метода объекта RegExp

2.7.4. Модификаторы

Модификаторы также называются идентификаторами и могут указывать шаблоны соответствия. Модификаторы используются для выполнения глобального сопоставления с учетом регистра.
игнорировать сопоставление регистра.
g соответствует глобально. Без g сопоставляется только первый элемент, и сопоставление не выполняется.
m выполняет многострочное сопоставление

var patt = /pattern/i; //Игнорировать сопоставление регистра var patt = /pattern/g //Глобальное сопоставление var patt = /pattern/m; //Выполнять многострочное сопоставление

2.7.5. Символы

— это специальные символы, имеющие особое значение в регулярных выражениях.
Специальные символы перевода.

Один символ, кроме новой строки n и табуляции r. 
 Экранирующий символ, символы перехода со специальным значением в обычные символы: .d Числа [0~9]D Не числаs ПробелыS Непробелыw Символы [буквы|цифры|подчеркивание]W Не- символ b граница слова (кроме (слова) буквенно-цифровых_ являются границами слов) B граница без слова

var reg = /./;//match.var reg = /\/;//match var reg = / //;//Match /var str = '\';var reg = /\/g;console.log(reg.test(str)); //true

2.8. Общие объекты JavaScript

2.8.1 .Date объект

Объект Date — это объект, связанный с датой и временем. Он является динамическим, и для создания экземпляра необходимо использовать ключевое слово new, например:
вар Mydata = новая дата ();
Объект Date не предоставляет свойств прямого доступа, а только методы для получения и установки даты, как показано в следующей таблице.

2.8.2. Объект String

Объект String — это объект обработки строк, предоставляемый JavaScript. На него можно ссылаться только после создания экземпляра объекта. Он предоставляет свойства и методы для обработки строк (аналогично Java).
Длина свойства — Возвращает количество символов в строке.
Примечание. Китайский иероглиф — это тоже иероглиф! !

2.8.3.Свойства математических объектов

:

Методы математических объектов:

Тригонометрические функции (sin(), cos(), tan(), asin(), acos(), atan(), atan2()) возвращают значения в радианах. Вы можете преобразовать радианы в градусы, разделив Math.PI/180 или другими методами.

Пример 1. Напишите функцию, которая возвращает случайное целое число от min до max, включая min, но исключая max

функцию getRandomArbitrary(min). , макс) {
  return min + Math.random() * (max - min);}

Пример 2. Напишите функцию для генерации случайной строки длины n. Диапазон значений символов строки включает от 0 до 9, от a до z, от A до Z.

функция getRandomInt(мин, макс) {
  return min + Math.floor(Math.random() * (max - min + 1));}function randomStr(n){
  var dict = '1234567890abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
  вар стр = '';
  for(i = 0; я < n;i++){
    str += dict[getRandomInt(0,62)];
  }
  return str;}var str = getRandStr(10);console.log(str);

Классификация

объекта массива

1. Двумерный массив Суть двумерного массива состоит в том, что элементы массива также являются массивами.

2

столбца 2 и строка 1 разреженного

. начиная с 0 Начальный несмежный индекс массива. В разреженных массивах значение атрибута длины обычно больше фактического количества элементов (редко).
Пример

var a=["a",,"b",,,,"c",,];

Атрибут объекта Array

Атрибут 1.length:

alert(arr.length); //Отображение длины массива 10arr.length=15; /Увеличиваем длину массива, атрибут length является переменной alert(arr.length ); //Показывает, что длина массива стала 15.

2.Атрибут

prototype Атрибут прототипа возвращает ссылку на прототип типа объекта. Свойство прототипа является общим для объектов.
ИмяОбъекта.прототип
Параметр objectName — это имя объекта объекта.
Описание. Используйте атрибут прототипа, чтобы предоставить набор основных функций класса объекта. Новые экземпляры объекта «наследуют» операции, назначенные прототипу объекта.
Для объектов массива используйте следующий пример, чтобы проиллюстрировать использование атрибута прототипа.
Добавьте к объекту массива метод, который возвращает максимальное значение элемента в массиве. Для этого объявите функцию, добавьте ее в Array.prototype и используйте.

функция array_max( ){
   вар я, макс = это [0];
   для (я = 1; я <this.length; я++){
       если (макс < это[i])
       Макс = это [я];
   }
   return max;}Array.prototype.max = array_max;var x = new Array(1, 2, 3, 4, 5, 6);var y = x.max( );

3. атрибут

constructor Атрибут конструктора представляет созданный объект. функция объекта.
object.constructor //объект — это имя объекта или функции.
Описание. Атрибут конструктора является членом всех объектов с прототипом. Они включают в себя все собственные объекты JScript, кроме объектов Global и Math. Атрибут конструктора содержит ссылку на функцию, которая создает конкретный экземпляр объекта.

Например:

x = new String("Hi");if (x.constructor == String) // Обработка (условие истинно). //или функция MyFunc {// Тело функции. }y = new MyFunc;if (y.constructor == MyFunc) // Процесс (условие истинно).

Метод объекта массива <br/> Описание: Частично это новая функция ECMAScript5 (не поддерживается IE678).

в основном объясняет некоторые новые функции

concat
Функция concat заключается в сращивании массивов. Следует отметить, что элемент массива также можно использовать в качестве сращиваемого элемента. В этом случае массив будет сплющен, а затем склеен с другими элементами для формирования нового массива. , но он не будет сведен дважды. concat не изменяет исходный массив.

Например:

var arr=[1,2,3,4,5];arr.concat([10,11],13);//[1,2,3,4,5,10,11,13] arr .concat([1,[2,3]]);//[1,2,3,4,5,1,[1,3]]

срез
срез (a, b) a и b могут принимать отрицательные числа, что означает, что массив перехватывается из позиции a в позицию b. Это интервал, который замкнут слева и открыт справа. A и b могут принимать отрицательные значения. Если это отрицательное число, это означает, что последние элементы a/b

var arr=[1,2,3,4,5];arr.slice(1,3);//[2,3]arr. срез(1);//[2,3,4, 5]arr.slice(1,-1);//[2,3,4]arr.slice(-4,-3);//[2 ]

сращивание
сращивание удаляет элементы и добавляет новые элементы в массив
object.splice(a) удаляет элементы слева
object.splice(a, b) перехватывает элементы b, начиная с позиции a
object.splice(a, b, c, d) перехватывает элементы b, начиная с позиции a, и вставляет элементы c и d или более в исходный массив. Следует отметить, что метод splice изменит исходный массив

var arr=[1, 2 ,3,4,5];arr.splice(2);//[3,4,5]arr;//[1,2];Исходный массив был изменен var arr=[1,2,3 ,4 ,5];arr.splice(2,2);//[3,4]arr;//[1,2,5];var arr=[1,2,3,4,5];arr .splice (1,1,'a','b');//[2]arr;//[1,"a","b",3,4,5]

;
Функция foreach() обходит массив от начала до конца. Есть три параметра: элементы массива, индекс элементов и сам массив

var arr = [1, 2, 3, 4, 5]; arr.forEach(function(x, index, a){//Соответствует: array; elements , индекс элемента, сам массив console.log(x + '|' + index + '|' + (a === arr));});// 1|0|true// 2| 1|истина/ / 3|2|истина// 4|3|истина// 5|4|истина

уменьшить()
Функция уменьшения() массива применяет функцию к [x1, x2, x3...] этого массива. Эта функция должна получить два параметра. Функция уменьшения() продолжает результат и выполняет накопительный расчет со следующим элементом последовательности. это:

[x1, x2, x3, x4].reduce(f) = f(f(f(x1, x2), x3), x4)

var arr = [1, 2, 3];var sum = arr.reduce (функция(х, у) {
     return x + y}, 0); //Параметр 0 не является обязательным. Если записан параметр 0, два значения, передаваемые впервые, — это 0 и 1. Если нет, то первые два значения​​ переданы впервые — это первые два значения массива, результат вычисления — 6arr; //[1, 2, 3]arr = [3, 9, 6];var max = arr. уменьшить (функция (х, у) {
     console.log(x + "|" + y);
     return x > y ? x : y;});// 3|9// 9|6max //

Сравнение 9 массивов и общих объектов

Сравнение массивов и строк.

между

2.9.1.stringify

()

используется для сериализации объектов js в строки JSON.

={name:"xiaoming",age:12}var json=JSON.stringify(person); //{"name":"xiaoming","age":12}

Помимо приема объектов, вы можете stringify() также принимает 2 параметра. Первый параметр — это фильтр, который может быть массивом свойств объекта или функцией; второй параметр — это опция, указывающая, следует ли сохранять

фильтр массива с отступом в строке JSON:

json=JSON.stringify( person,['name']); //{"name":"xiaoming"}

Фильтр функций:

json=JSON.stringify(person,function(key,value){
    переключатель(ключ){
        случай «имя»:
           возвращаемое значение+",ван";
        случай «возраст»:
           вернуть неопределенное значение;
        по умолчанию:
           возвращаемое значение;
    }});//{"name":"xiaoming,wang"}

Обратите внимание, что если функция возвращает неопределенное значение, этот атрибут будет игнорироваться;

отступ строки:

json=JSON.stringify(person,null,4);
    "имя": "Сяомин",
    "age": 12}

2.9.2.toJSON()

Добавьте к объекту метод toJSON():

var person={
    имя: «Сяомин»,
    возраст: 12,
    toJSON: функция() {
        return this.name+» — «+this.age;
    }}json=JSON.stringify(person);console.log(json); //"Xiaoming is 12"

2.9.3.parse()

Помимо приема строки json, parse() также может принимать параметр функции. Эта функция принимает 2 значения: ключ и значение;

var person=JSON.parse('{"name":"xiaoming","age":12}');var person=JSON.parse('{"name " :"xiaoming","age":12}',function(key,value){
    если(ключ=="возраст"){
        возвращаемое значение+10;
    }
    еще{
        возвращаемое значение;
    }});

2.10.Ajax

2.10.1. Этапы создания:

1. Создайте асинхронный объект XMLHttpRequest.
2. Установите метод запроса и адрес запроса.
3. Далее используйте send для отправки запроса.
4. Отслеживайте изменения статуса
5. Наконец, получите возвращенные данные.

Пример:

const xhr = new XMLHttpRequest()xhr.open('GET', './data/test.json', true)xhr.onreadystatechange = function () {
  если (xhr.readyState === 4) {
    если (xhr.status === 200) {
      console.log(JSON.parse(xhr.responseText))
    } еще {
      console.log('Другие ситуации...')
    }
  }}xhr.send()

2.10.2.Ajax-приложение в jQuery

$.ajax({
                    type: "post", //URL метода запроса: "a.php", //Адрес ссылки сервера dataType: "json", //Формат передачи и получения данных data:{
                        имя пользователя: "Джеймс",
                        пароль: «123456»
                    },
                    успех:функция(данные){//Функция console.log(data) вызывается при успешном получении данных;//данные — это данные, возвращаемые сервером},
                    error:function(request){//Функция, вызываемая при сбое запроса данных alert("Произошла ошибка:"+request.status);
                    }});

2.10.3.Структура

метода GET

$.get(url, [данные], [обратный вызов], [тип])

Объяснение параметра:

//Шаг 1. Создайте асинхронный объект var ajax = new XMLHttpRequest(); //Шаг 2. Установите параметры URL-адреса запроса. Первый параметр — это тип запроса, а второй параметр — запрошенный urlajax.open( "get", "users.json");//Шаг 3: Отправьте запрос ajax.send();//Шаг 4: Зарегистрируйте событие onreadystatechange. При изменении состояния ajax.onreadystatechange = function () {
    if (ajax.readyState == 4 && ajax.status == 200) {
        

console.log

(ajax.responseText); //Введите содержимое ответа}};

Метод POST

Имеет ту же структуру и использование, что и метод $.get(), но между ними все же есть некоторые различия.

2.10.5. Различия между get и post

1. Post безопаснее, чем get; параметры запроса будут прикреплены к задней части URL-адреса, безопасность низкая. При запросе в режиме публикации параметры запроса будут заключены в тело запроса, что более безопасно.
2. Разница в количестве: Объем данных, передаваемых методом get, невелик и не может превышать 2 КБ, тогда как объем данных, запрошенных методом post, велик и ограничений нет.
3. Скорость передачи: скорость передачи get выше, чем у почты.
Поскольку метод использования тот же, при изменении функции jQuery программу можно переключать между запросами GET и запросами POST.

2.11.Cookie

2.11.1.js функция операции чтения файлов cookie

getCookie(c_name){ if (document.cookie . length>0){ //Сначала проверьте, пуст ли файл cookie. Если он пуст, верните "" c_start=document.cookie.indexOf(c_name + "=") //Проверьте, существует ли файл cookie, с помощью indexOf(). объекта String. Если он не существует, это -1 if (c_start!=-1){ c_start=c_start + c_name.length+1 //Последний +1 фактически представляет число "=", таким образом получая число. начальная позиция значения cookie c_end= document.cookie.indexOf(";",c_start) //На самом деле у меня немного закружилась голова, когда я впервые увидел второй параметр indexOf(). Позже я вспомнил, что он означает указанное начало. позиция индекса... Это предложение предназначено для получения конечной позиции значения. Поскольку вам нужно учитывать, является ли это последним элементом, вы можете определить, существует ли знак «;», если (c_end==-1) c_end=document.cookie.length　
return unescape(document.cookie.substring(c_start,c_end)) //Значение получается с помощью substring(). Если вы хотите понять unescape(), вы должны сначала узнать, что делает escape(). Это очень важная основа. Если вы хотите узнать больше, вы можете выполнить поиск. Подробности кодирования файлов cookie также будут объяснены в конце. статья} } return "" }

2.11.2 .Простая операция хранения файлов cookie

$.cookie("groupCode",222)

2.11.3.Установка срока действия

файла cookie document.cookie = "name=value;expires=date"

2.11.4 .Изменение файла cookie

document.cookie = "username=zhangsan ";document.cookie = "username=lisi";var cookies = document.cookie;console.log(cookies);

2.11.5.Удаление файла cookiedocument.cookie

= "username=zhangsan" ";document.cookie = "username=; expires=Чт, 01 января 1970 г., 00:00:00 GMT";var cookies = document.cookie;console.log(cookies);

2.12. Цикл

2.12.1. for цикл

for is наиболее часто используемый цикл, в основном используемый для зацикливания массивов

let arr = [1,2,3];for (let i=0; i<arr.length; i++){
 console.log(i,arr[i])}// 0 1// 1 2// 2 3

2.12.2.Array.forEach()

Синтаксис: arr.forEach(callback(currentValue [, index [, array]])[, thisArg]);

обратный вызов — функция, выполняемая для каждого элемента массива. Функция получает три параметра: currentValue (текущий обрабатываемый элемент в массиве), index (индекс текущего обрабатываемого элемента в массиве). ), array (массив, с которым работает метод forEach())

thisArg — это значение, используемое в этом качестве при выполнении обратного вызова функции обратного вызова.

let arr = [1, 2, , 3]let arrCopy1 = []arr.map((item, index, arr) => {
     arrCopy1.push(item * 2)})console.log(arrCopy1)// [2, 4, 6]

forEach() выполняет функцию обратного вызова один раз для каждого элемента массива. Удаленные или неинициализированные элементы будут пропущены (например, в разреженных массивах). )
В отличие от карт() и уменьшения(), он не имеет возвращаемого значения и всегда возвращает неопределенное значение.
ForEach() не имеет другого способа прервать или выйти из цикла forEach(), кроме как выдать исключение.

2.12.3.

while Оператор while может выполнять цикл для выполнения указанного фрагмента кода при условии, что определенное условное выражение истинно, до тех пор, пока цикл не завершится, когда это выражение станет неверным.

Пример:

let n = 0 (n <; 3) {
  n++;}console.log(n);//ожидаемый результат: 3Примечание

: используйте оператор Break, чтобы остановить цикл до того, как результат оценки условия станет истинным.

2.12.4.do… while

Оператор do… while создает цикл, который выполняется

указанный оператор до тех пор, пока значение условия не станет ложным. Определить условие после выполнения оператора, чтобы указанный оператор был выполнен хотя бы один раз.

Пример:

const list = ['a', 'b', 'c']let i = 0do {
  console.log(list[i]) //значение
  console.log(i) //индекс
  i = i + 1} while (i < list.length)

2.12.5.for…in

Цикл for…in можно использовать для обхода списка перечислимых атрибутов объекта (включая цепочку [[Prototype]])

и

основном

используется для прохождения объекта.

  Console.log (свойство) // Название свойства
  Console.log (Object [Property]) // Значение свойства}

Связанные рекомендации: Учебное пособие по обучению JavaScript

Вышеуказанное представляет собой подробное резюме знаний JavaScript Learning.