JavaScript-operatører

Indholdsfortegnelse

Addition Operator + tilføjer tal:

Assignment Operator = tildeler en værdi til en variabel.

JavaScript opgave

Assignment Operator (=) tildeler en værdi til en variabel:

Eksempler på opgaver

let x = 10;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The = Operator</h2>

<p id="demo"></p>

<script>
let x = 10;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z:
let z = x + y;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Operators</h1>
<h2>The Assignment (=) Operator</h2>

<p id="demo"></p>

<script>
// Assign the value 5 to x
let x = 5;
// Assign the value 2 to y
let y = 2;
// Assign the value x + y to z
let z = x + y;
// Display z
document.getElementById("demo").innerHTML = "The sum of x + y is: " + z;
</script>

</body>
</html>

JavaScript tilføjelse

Additionsoperatøren (+) tilføjer tal:

Tilføjelse

let x = 5;
let y = 2;
let z = x + y;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The + Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x + y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

JavaScript multiplikation

Multiplication Operator (*) multiplicerer tal:

Multiplicere

let x = 5;
let y = 2;
let z = x * y;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The * Operator</h2>

<p id="demo"></p>

<script>
let x = 5;
let y = 2;
let z = x * y;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

Typer af JavaScript-operatører

Der er forskellige typer JavaScript-operatorer:

Aritmetiske operatorer
Opdragsoperatører
Sammenligningsoperatører
Strengoperatorer
Logiske operatører
Bitvise operatører
Ternære operatører
Type Operatører

JavaScript aritmetiske operatører

Aritmetiske operatorer bruges til at udføre aritmetik på tal:

Eksempel på aritmetiske operatorer

let a = 3;
let x = (100 + 50) * a;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>Arithmetic Operations</h2>
<p>A typical arithmetic operation takes two numbers (or expressions) and produces a new number.</p>

<p id="demo"></p>

<script>
let a = 3;
let x = (100 + 50) * a;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

+: Tilføjelse
-: Subtraktion
*: Multiplikation
**: Eksponentiering (ES2016)
/: Division
%: Modulus (Division Resten)
++: Forøgelse
--: Nedsættelse

Bemærk

Aritmetiske operatorer er fuldstændigt beskrevet i JS Aritmetikkapitel.

JavaScript-tildelingsoperatører

Tildelingsoperatorer tildeler værdier til JavaScript-variabler.

Addition Assignment Operator (+=) tilføjer en værdi til en variabel.

Opgave

let x = 10;
x += 5;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript Arithmetic</h1>
<h2>The += Operator</h2>

<p id="demo"></p>

<script>
var x = 10;
x += 5;
document.getElementById("demo").innerHTML = x;
</script>

</body>
</html>

Operator	Example	Same As
=	x = y	x = y
+=	x += y	x = x + y
-=	x -= y	x = x - y
*=	x *= y	x = x * y
/=	x /= y	x = x / y
%=	x %= y	x = x % y
**=	x **= y	x = x ** y

Bemærk

Tildelingsoperatører er fuldstændigt beskrevet i JS Opgave kapitel.

JavaScript-sammenligningsoperatører

==: svarende til
===: lige værdi og lige type
!=: ikke lige
!==: ikke samme værdi eller ikke samme type
>: bedre end
<: Mindre end
>=: større end eller lig med
<=: mindre end eller lig med
?: ternær operatør

Bemærk

Sammenligningsoperatorer er fuldstændigt beskrevet i JS-sammenligningerkapitlet.

JavaScript-strengsammenligning

Alle sammenligningsoperatorerne ovenfor kan også bruges på strenge:

Eksempel

let text1 = "A";
let text2 = "B";
let result = text1 < text2;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>

<p>All conditional operators can be used on both numbers and strings.</p>

<p id="demo"></p>

<script>
let text1 = "A";
let text2 = "B";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is A less than B? " + result;
</script>

</body>
</html>

Bemærk, at strenge sammenlignes alfabetisk:

Eksempel

let text1 = "20";
let text2 = "5";
let result = text1 < text2;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>
<h1>JavaScript String Operators</h1>
<p>Note that strings are compared alphabetically:</p>

<p id="demo"></p>

<script>
let text1 = "20";
let text2 = "5";
let result = text1 < text2;
document.getElementById("demo").innerHTML = "Is 20 less than 5? " + result;
</script>

</body>
</html>

JavaScript streng tilføjelse

+ kan også bruges til at tilføje (sammenkæde) strenge:

Eksempel

let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>The + operator concatenates (adds) strings.</p>

<p id="demo"></p>

<script>
let text1 = "John";
let text2 = "Doe";
let text3 = text1 + " " + text2;
document.getElementById("demo").innerHTML = text3;
</script>

</body>
</html>

+= tildelingsoperatoren kan også bruges til at tilføje (sammenkæde) strenge:

Eksempel

let text1 = "What a very ";
text1 += "nice day";

Resultatet af tekst1 bliver:

What a very nice day

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The += Operator</h2>
<p>The assignment operator += can concatenate strings.</p>

<p id="demo"></p>

<script>
let text1 = "What a very ";
text1 += "nice day";
document.getElementById("demo").innerHTML = text1;
</script>

</body>
</html>

Bemærk

Når den bruges på strenge, kaldes + operatoren sammenkædningsoperatoren.

Tilføjelse af strenge og tal

Tilføjelse af to tal vil returnere summen, men tilføjelse af et tal og en streng vil returnere en streng:

Eksempel

let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;

Resultatet af x, y og z vil være:


10

55

Hello5

Prøv det selv →

<!DOCTYPE html>
<html>
<body>

<h1>JavaScript String Operators</h1>
<h2>The + Operator</h2>
<p>Adding a number and a string, returns a string.</p>

<p id="demo"></p>

<script>
let x = 5 + 5;
let y = "5" + 5;
let z = "Hello" + 5;
document.getElementById("demo").innerHTML =
x + "<br>" + y + "<br>" + z;
</script>

</body>
</html>

Bemærk

Tilføjer du et tal og en streng, bliver resultatet en streng!

JavaScript logiske operatører

&&: logisk og
||: logisk eller
!: logisk ikke

Bemærk

Logiske operatorer er fuldstændigt beskrevet i JS-sammenligningerkapitlet.

JavaScript Type Operatører

typeof: Returnerer typen af en variabel
instanceof: Returnerer sand, hvis et objekt er en forekomst af en objekttype

Bemærk

Typeoperatorer er fuldstændigt beskrevet i kapitlet JS Typekonvertering.

JavaScript Bitwise Operators

Bitoperatorer arbejder på 32 bit numre.

Enhver numerisk operand i operationen konverteres til et 32 bit tal. Resultatet konverteres tilbage til et JavaScript-nummer.

Operator	Description	Example	Same as	Result	Decimal
&	AND	5 & 1	0101 & 0001	0001	1
\|	OR	5 \| 1	0101 \| 0001	0101	5
~	NOT	~ 5	~0101	1010	10
^	XOR	5 ^ 1	0101 ^ 0001	0100	4
<<	left shift	5 << 1	0101 << 1	1010	10
>>	right shift	5 >> 1	0101 >> 1	0010	2
>>>	unsigned right shift	5 >>> 1	0101 >>> 1	0010	2

Eksemplerne ovenfor bruger 4 bits usignerede eksempler. Men JavaScript bruger 32-bit signerede numre.
På grund af dette, i JavaScript, vil ~ 5 ikke returnere 10. Det vil returnere -6.
~000000000000000000000000000000101 vil returnere 11111111111111111111111111111111010

Bitvise operatorer er fuldstændigt beskrevet i JS Bitwisekapitel.