Strings are a sequence of zero or more characters written inside quotes used to represent text.
Strings may consist of letters, numbers, symbols, words, or sentences.
Strings are immutable, they cannot be changed.
Each character in a string has an index.
The first character will be index 0 the second character will be index 1 and so on.
There are two ways to access an individual character in a string.
charAt() method
const str1 = "abc"; string
str1.charAt(0); character at index 0 → "a"
str1.charAt(1); character at index 1 → "b"
str1.charAt(2); character at index 2 → "c"
str1.charAt(3); character at index 3 → "" index not found
Alternatively use at() or slice() methods
bracket notation []
const str2 = "abc"; string
str2[0]; character at index 0 → "a"
str2[1]; character at index 1 → "b"
str2[2]; character at index 2 → "c"
str2[3]; character at index 3 → undefined index not found
Numbers are used to represent both integer and floating-point values.
Numbers are most commonly expressed in literal forms like 255 or 3.14159 ↴
let num1 = 5; → number
let num2 = 2.5; → number
let num3 = num1 + num2;
console.log(num3); returns ↴
7.5 → number
Generate a triangle pattern using a for loop
for loop repeatedly executes a block of code until a specified condition evaluates to false.
The loop runs a block of code a set number of times, defined by an initialization, a condition, and an increment.
for (let x = 0; x < 4; x++) {
console.log(x);
}
Loop variable x is initialized to 0
Condition x < 4 is checked before each iteration.
The loop will continue to run as long as x is less than 4
The loop repeatedly executes a block of code 4 times, from 0 to 3
For each iteration of the loop, the current value of x is printed to the console.
After each iteration, x is incremented by 1 x++
When x reaches 4 the condition evaluates to false, terminating the loop.
0
1
2
3 → printed to console
Initialize a variable to hold the character to represent the shape of the triangle.
const char = "*" char → user input
Initialize a variable to hold the number of lines to represent the height of the triangle.
const num = 8 num → user input
Define a function triangle() to generates a triangle pattern.
function triangle(char, num) {}
The function takes a string character char and a number num to generate a triangle pattern.
Assign char as the loop variable.
let line = char line to printed to console
Iterate through the loop by the number of lines specified by num
for (let line = char; line.length - 1 < num; line += char)
line += char is equivalent to line = line + char
char is appended to line for the next iteration to build each line of the triangle.
Print the current line to console.
console.log(line)
Call the function with ↴
triangle(char, num);
Generate a triangle pattern with character "*" and a height of 8 lines.
const char = "*"; → represent shape with character "*"
const num = 8; → height of triangle
function triangle(char, num) {
for (let line = char; line.length - 1 < num; line += char) {
console.log(line);
}
}
call function
triangle(char, num); returns ↴
*
**
***
****
*****
******
*******
******** → printed to console
Alternative using repeat() method ↴
const char1 = "# "; → represent shape with characters "# "
const num1 = 5; → height of triangle
for (let x = 1; x <= num1; x++) {
console.log(char1.repeat(x))
} returns ↴
#
# #
# # #
# # # #
# # # # # → printed to console
Alternative - generate an inverted triangle ↴
const char2 = "% "; → represent shape with characters "% "
const num2 = 5; → height of triangle
for (let x = num2; x > 0; x--) {
let row = "";
for (let y = 0; y < x; y++) {
row += char2;
}
console.log(row);
} returns ↴
% % % % %
% % % %
% % %
% %
% → printed to console