


Résumé des méthodes de fonctionnement courantes de divers types de référence dans les connaissances JavaScript_Basic
Object类型
Array类型
重排序方法: compare
升序:
function compare(value1, value2){ if (value1<value2){ return -1; } if (value1>value2){ return 1; } else{ return 0; } } var values = [0,1,5,10,15]; values.sort(compare); console.log(values); // [0,1,5,10,15]
降序:
function compare(value1, value2){ if (value1<value2){ return 1; } if (value1>value2){ return -1; } else{ return 0; } }
slice:
slice(start, end); slice()方法返回从参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起死和结束位置之间的项,但不包括结束位置的项。
var colors = ["red", "green", "blue", "yellow", "purple"]; var colors2 = colors.slice(1); var colors3 = colors.slice(1,4); console.log(colors2); // green, blue, yellow, purple console.log(colors3); // green, blue, yellow
splice:
splice()有删除,插入,替换的功能
删除:
需要两个参数,要删除的第一项的位置和要删除的项数。
var colors = ["red", "green", "blue"]; var removed = colors.splice(0,1); console.log(colors); // greeen, blue console.log(removed); // red
插入:
需要三个参数:起始位置、0(要删除的项数)和要插入的项
var colors = ["red", "green", "blue"]; var removed = colors.splice(1,0,"yellow", "orange"); console.log(colors); // ["red", "yellow", "orange", "green", "blue"] console.log(removed); // 返回空
替换:
需要三个参数:起始位置、要删除的项数和要插入的任意数量的项。
var colors = ["red", "green", "blue"]; var removed = colors.splice(1,1,"yellow", "orange"); console.log(colors); // ["red", "yellow", "orange", "blue"] console.log(removed); // ["green"]
Date类型
RegExp类型
var pattern1 = /[bc]/i; var pattern2 = new RegExp("[bc]at", "i");
pattern1和pattern2是两个完全等价的正则表达式。要注意的是,传递给RegExp构造函数的两个参数都是字符串(不能把正则表达式字面量传递给RegExp构造函数)。由于RegExp构造函数的模式参数是字符串,所以在某些情况下要对字符串进行双重转义。
var pattern1 = /[bc]/i; var pattern2 = new RegExp("\\[bc\\]at", "i");
RegExp实例方法
exec
exec接收一个参数,即要应用模式的字符串,然后返回包含第一个匹配信息的数组。
var text = "cat, bat, sat, fat"; var pattern1 = /.at/; var matches = pattern1.exec(text); console.log(matches); // ["cat"]
match
match是字符串执行匹配正则表达式规则的方法,他的参数是正则表达
var text = "cat, bat, sat, fat"; var pattern1 = /.at/; var matches2 = text.match(pattern1); console.log(matches2); // ["cat"]
test
test()接收一个字符串参数
var text = "000-00-0000"; var pattern = /\d{3}-\d{2}-\d{4}/; if (pattern.test(text)){ console.log("The pattern was matched"); // The pattern was matched }
Function类型
函数内部属性
把arguments转为数组
(function() { var slice = Array.prototype.slice, aArguments = slice.apply(arguments); console.log(aArguments); })(10, 20, 30); arguments.callee
该属性是一个指针,指向拥有这个arguments对象的函数。当函数在严格模式下运行时,访问arguments.callee会导致错误。
函数属性和方法
length
length属性表示函数希望接收的命名参数的个数。
function sayName(name){ alert(name); } function sum(num1,num2){ return num1 + num2; } function sayHi(){ alert("hi"); } console.log(sayName.length); //1 console.log(sum.length); //2 console.log(sayHi.length); //0
prototype
call, apply
function sum(num1, num2){ return num1 + num2; } function callSum1(num1,num2){ return sum.apply(this,arguments); } function callSum2(num1, num2){ return sum.apply(this, [num1, num2]); } console.log(callSum1(10,10)); // 20 console.log(callSum2(10,10)); //20 window.color = "red"; var o = {color:"blue"}; function sayColor(){ console.log(this.color); } sayColor(); // red sayColor.call(this); // red sayColor.call(window); // red sayColor.call(o); // blue
基本包装类型
var value = "25"; var number = Number(value); console.log(typeof number); console.log(number instanceof Number);// false var obj = new Number(value); console.log(typeof obj); console.log(obj instanceof Number);// true
Boolean类型
var falseObject = new Boolean(false); var result = falseObject && true; // true //布尔表达式中的所有对象都会被转换为true, 因此falseObject对象在布尔表达式中代表的是true console.log(result); // true var falseValue = false; result = falseValue && true; console.log(result); //false console.log(typeof falseObject); //object console.log(typeof falseValue); // Boolean console.log(falseObject instanceof Boolean); //true console.log(falseValue instanceof Boolean); // false
Number类型
var numberObject = new Number(10); var numberValue = 10; console.log(typeof numberObject); // Object console.log(typoef numberValue); // number console.log(numberObject instanceof Number); // true console.log(numberValue instanceof Number); // false
String类型
字符方法
charAt() charCodeAt()
charAt()方法以单字符字符串的形式返回给定位置的那个字符串。
charCodeAt()返回的是字符编码。
var stringValue = "hello world"; console.log(stringValue.charAt(1)); // e console.log(stringValue.charCodeAt(1)); // 101
字符串操作方法
concat()
concat()用于将一或多个字符串拼接起来。
var stringValue = "hello "; var result = stringValue.concat("world"); console.log(result); // hello world console.log(stringValue); // hello
slice(start, end)
end 表示字符串到哪里结束。
如果传入的是负数,slice()方法会将传入的负值与字符串长度相加。
var str="Hello happy world!"; console.log(str.slice(6)); // happy world! console.log(str.slice(6,11));// happy console.log(str.slice(-3)); // ld! console.log(str.slice(3, -4)); //lo happy wo
substring(start, end)
如果传入的是负数, substring()会把所有字符参数都转换为0
var str="Hello happy world!"; console.log(str.substring(6)); // happy world! console.log(str.substring(6,11));// happy console.log(str.substring(-3)); // Hello happy world! console.log(str.substring(3, -4)); //Hel
substr(start, length)
如果传入的是负数,substr()方法将负的第一个参数加上字符串的长度,而将负的第二个参数转换为0
var str="Hello world!"; console.log(str.substr(3)); //lo world! console.log(str.substr(3, 7)); //lo worl console.log(str.substr(-3)); // ld! console.log(str.substr(3, -3)); // 空字符串
字符串位置方法
indexOf() lastIndexOf() var stringValue = "hello world"; console.log(stringValue.indexOf("o")); // 4 console.log(stringValue.lastIndexOf("o")); //7
这两个方法都可以接收可选的第二个参数,表示从字符串中的哪个位置开始搜索。
var stringValue = "hello world"; console.log(stringValue.indexOf("o", 6)); // 7 console.log(stringValue.lastIndexOf("o", 6)); //4
字符串的模式匹配方法
match()
var text = "cat, bat, sat, fat"; var pattern = /.at/; var matches = text.match(pattern); console.log(matches.index); //0 console.log(matches[0]); // cat console.log(pattern.lastIndex); //0
search()
var text = "cat, bat, sat, fat"; var pos = text.search(/at/); console.log(pos); // 1
replace()
var text = "cat, bat, sat, fat"; var result = text.replace("at", "ond"); console.log(result); // cond, bat, sat, fat var result = text.replace(/at/g, "ond"); console.log(result); // cond, bond, sond, fond
Global对象
URI编码方法
Global对象的encodeURI()和encodeURIComponent()方法可以对URI(Uniform Resources Identifiers,通用资源标识符)进行编码,以便发送给浏览器。
var url = "http://www.baidu.com/"; console.log(encodeURI(url)); console.log(encodeURIComponent(url)); encodeURI()和encodeURIComponent()方法对象的两个方法分别是decodeURI()和decodeURIComponent()
Math对象
random()方法
Math.random()方法返回介于0和1之间一个随机数,不包含0和1。对于某些站点来说,这个方法非常实用,因为可以利用它来随机显示一些名言和新闻事件。套用下面的公式,就可以利用Math.random()从某个整数范围内随机选择一个值。
值=Math.floor(Math.random()*可能值的总数+第一个可能的值)
例如:如果想选择一个1到10之间的数值,可以像下面这边编写代码:
var num = Math.floor(Math.random()*10+1); function selectFrom(lowerValue,upperValue){ var choice = upperValue - lowerValue + 1; return Math.floor(Math.random()*choice+lowerValue); } var num = selectFrom(2,10); console.log(num); var colors = ["red", "green", "blue", "yellow", "black", "purple", "brown"]; var color = colors[selectFrom(0, colors.length-1)]; console.log(color);

Différents moteurs JavaScript ont des effets différents lors de l'analyse et de l'exécution du code JavaScript, car les principes d'implémentation et les stratégies d'optimisation de chaque moteur diffèrent. 1. Analyse lexicale: convertir le code source en unité lexicale. 2. Analyse de la grammaire: générer un arbre de syntaxe abstrait. 3. Optimisation et compilation: générer du code machine via le compilateur JIT. 4. Exécuter: Exécutez le code machine. Le moteur V8 optimise grâce à une compilation instantanée et à une classe cachée, SpiderMonkey utilise un système d'inférence de type, résultant en différentes performances de performances sur le même code.

Les applications de JavaScript dans le monde réel incluent la programmation côté serveur, le développement des applications mobiles et le contrôle de l'Internet des objets: 1. La programmation côté serveur est réalisée via Node.js, adaptée au traitement de demande élevé simultané. 2. Le développement d'applications mobiles est effectué par le reactnatif et prend en charge le déploiement multiplateforme. 3. Utilisé pour le contrôle des périphériques IoT via la bibliothèque Johnny-Five, adapté à l'interaction matérielle.

J'ai construit une application SAAS multi-locataire fonctionnelle (une application EdTech) avec votre outil technologique quotidien et vous pouvez faire de même. Premièrement, qu'est-ce qu'une application SaaS multi-locataire? Les applications saas multi-locataires vous permettent de servir plusieurs clients à partir d'un chant

Cet article démontre l'intégration frontale avec un backend sécurisé par permis, construisant une application fonctionnelle EdTech SaaS en utilisant Next.js. Le frontend récupère les autorisations des utilisateurs pour contrôler la visibilité de l'interface utilisateur et garantit que les demandes d'API adhèrent à la base de rôles

JavaScript est le langage central du développement Web moderne et est largement utilisé pour sa diversité et sa flexibilité. 1) Développement frontal: construire des pages Web dynamiques et des applications à une seule page via les opérations DOM et les cadres modernes (tels que React, Vue.js, Angular). 2) Développement côté serveur: Node.js utilise un modèle d'E / S non bloquant pour gérer une concurrence élevée et des applications en temps réel. 3) Développement des applications mobiles et de bureau: le développement de la plate-forme multiplateuse est réalisé par réact noral et électron pour améliorer l'efficacité du développement.

Les dernières tendances de JavaScript incluent la montée en puissance de TypeScript, la popularité des frameworks et bibliothèques modernes et l'application de WebAssembly. Les prospects futurs couvrent des systèmes de type plus puissants, le développement du JavaScript côté serveur, l'expansion de l'intelligence artificielle et de l'apprentissage automatique, et le potentiel de l'informatique IoT et Edge.

JavaScript est la pierre angulaire du développement Web moderne, et ses principales fonctions incluent la programmation axée sur les événements, la génération de contenu dynamique et la programmation asynchrone. 1) La programmation axée sur les événements permet aux pages Web de changer dynamiquement en fonction des opérations utilisateur. 2) La génération de contenu dynamique permet d'ajuster le contenu de la page en fonction des conditions. 3) La programmation asynchrone garantit que l'interface utilisateur n'est pas bloquée. JavaScript est largement utilisé dans l'interaction Web, les applications à une page et le développement côté serveur, améliorant considérablement la flexibilité de l'expérience utilisateur et du développement multiplateforme.

Python est plus adapté à la science des données et à l'apprentissage automatique, tandis que JavaScript est plus adapté au développement frontal et complet. 1. Python est connu pour sa syntaxe concise et son écosystème de bibliothèque riche, et convient à l'analyse des données et au développement Web. 2. JavaScript est le cœur du développement frontal. Node.js prend en charge la programmation côté serveur et convient au développement complet.


Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Listes Sec
SecLists est le compagnon ultime du testeur de sécurité. Il s'agit d'une collection de différents types de listes fréquemment utilisées lors des évaluations de sécurité, le tout en un seul endroit. SecLists contribue à rendre les tests de sécurité plus efficaces et productifs en fournissant facilement toutes les listes dont un testeur de sécurité pourrait avoir besoin. Les types de listes incluent les noms d'utilisateur, les mots de passe, les URL, les charges utiles floues, les modèles de données sensibles, les shells Web, etc. Le testeur peut simplement extraire ce référentiel sur une nouvelle machine de test et il aura accès à tous les types de listes dont il a besoin.

PhpStorm version Mac
Le dernier (2018.2.1) outil de développement intégré PHP professionnel

Adaptateur de serveur SAP NetWeaver pour Eclipse
Intégrez Eclipse au serveur d'applications SAP NetWeaver.

DVWA
Damn Vulnerable Web App (DVWA) est une application Web PHP/MySQL très vulnérable. Ses principaux objectifs sont d'aider les professionnels de la sécurité à tester leurs compétences et leurs outils dans un environnement juridique, d'aider les développeurs Web à mieux comprendre le processus de sécurisation des applications Web et d'aider les enseignants/étudiants à enseigner/apprendre dans un environnement de classe. Application Web sécurité. L'objectif de DVWA est de mettre en pratique certaines des vulnérabilités Web les plus courantes via une interface simple et directe, avec différents degrés de difficulté. Veuillez noter que ce logiciel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)