"hello"
2 + 1
myText = "hello"
myResult = 2 + 1
{
let originalText = "hello"
let transformedText = "hello".toUpperCase()
return transformedText
}
// JS comment
myData = [1, 2, 3]
<!-- HTML commment -->
<p>Some text</p>
({
name: "Gandalf",
// nickName: "Mithrandir",
age: "24_000+"
})
"a" // or 'a'
10
10_000_000
true
String(10)
Number('10')
(204401).toFixed(3)
// ...
// ...
// ...
// ...
// ...
names = ['Gandalf', 'Sauron', 'Leto II']
names[0]
// myNestedArray = ...
// ...
// ...
myDataset = [
{name: "Gandalf", alias: "Mithrandir", age: 24_000 },
{name: "Sauron", alias: "The Great Eye", age: 54_960 },
{name: "Galadriel", alias: "Lady of Light", age: 8_372 },
{name: "Elrond", alias: "Lord of Rivendell", age: 6_000 },
{name: "Legolas", alias: "Greenleaf", age: 2_931 },
{name: "Arwen", alias: "Evenstar", age: 2901 },
{name: "Gollum", alias: "Sméagol", age: 598 },
{name: "Aragorn", alias: "Elessar", age: 89 },
{name: "R. Daneel Olivaw", alias: "Eto Demerzel,", age: 19_230 },
{name: "Dors Venabili", alias: "The Tigress", age: 183 },
{name: "Leto II", alias: "Worm", age: 3_000 },
{name: "Thanos", alias: "The Mad Titan", age: 1_000 },
{name: "The Oracle", alias: "", age: 450 },
{name: "The Architect", alias: "", age: 450 },
]
// ...
// ...
// ...
myNestedDataset = [
{lordOfTheRings: [
{name: "Gandalf", alias: "Mithrandir", age: 24_000 },
{name: "Sauron", alias: "The Great Eye", age: 54_960 },
{name: "Galadriel", alias: "Lady of Light", age: 8_372 },
{name: "Elrond", alias: "Lord of Rivendell", age: 6_000 },
{name: "Legolas", alias: "Greenleaf", age: 2_931 },
{name: "Arwen", alias: "Evenstar", age: 2901 },
{name: "Gollum", alias: "Sméagol", age: 598 },
{name: "Aragorn", alias: "Elessar", age: 89 },
]},
{foundation: [
{name: "R. Daneel Olivaw", alias: "Eto Demerzel", age: 19_230 },
{name: "Dors Venabili", alias: "The Tigress", age: 183 },
]},
{dune: [
{name: "Leto II", alias: "Worm", age: 3_000 },
]},
{marvel:[
{name: "Thanos", alias: "The Mad Titan", age: 1_000 }
] },
{theMatrix: [
{name: "The Oracle", alias: "", age: 450 },
{name: "The Architect", alias: "", age: 450 },
]}
]
myNestedDataset[0]
myNestedDataset[0].lordOfTheRings[0].name
myString = 'a'
myNumber = 1
myString.constructor.name
myNumber.constructor.name
names
names.forEach((d) => console.log(d + " is old."))
// modifiedNames = ...
// namesStartingWithS = ...
names
postFix = function(d) {
return d + ' is old.'
}
names.map( postFix )
names.map( function(d) {
return d + ' is old.'
} )
names.map( function(d) {return d + ' is old.'} )
names.map( (d) => {return d + ' is old.'} )
names.map( (d) => d + ' is old.' )
names.map( d => d + ' is old.' )
sum = 2 + 5
sumIsSeven = sum === 7 ? true : false
allIsGood = true
color = allIsGood
? 'green'
: 'red'
color2 = {
if(allIsGood){
return 'green'
}
else{
return 'red'
}
}
1 === 1
2 !==1
2 > 5
2 >= 5
2 <= 5
true && true
true && false
true || true
true || false
false || true
1 + 1
2 - 10
2 * 10
2 / 10
10 % 3 // modulus
import {imageToDo} from "@clokman/student-blocks"
imageToDo
import {openAllLinksInNewTab} from "@clokman/open-all-links-in-new-tab"
openAllLinksInNewTab
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
