32:Ta49,result = (from, fromBase, toBase) => { var scrollable = d3.create("div") .style("overflow-x", "scroll") var input = formattedFrom(from, toBase) for (var i in input) { if (toDecimal(input[i]) >= fromBase) { scrollable .append("p") .style("color", "#b3261e") .text(`"${input[i]}" não existe na base ${fromBase}`) return scrollable.node() } } var result = scrollable .append("p") .style("text-align", "center") result .append("span") .text("(") result .selectAll(".from") .data(chunckedFrom(from, toBase)) .enter() .append("span") .style("color", (_, i) => i % 2 == 0 ? "#b3261e" : "#085786") .text(d => d.join("")) result .append("span") .html(`)_${fromBase} = (`) result .selectAll(".to") .data(chunckedTo(from, fromBase, toBase).map(fromDecimal)) .enter() .append("span") .style("color", (_, i) => i % 2 == 0 ? "#b3261e" : "#085786") .text(d => d.join("")) result .append("span") .html(`)_${toBase}`) var top = chunckedFrom(from, toBase), down = chunckedTo(from, fromBase, toBase) if (chunkSize(toBase) < chunkSize(fromBase)) { var temp = top top = down down = temp } var table = scrollable.append("table") function append(chunks) { var tr = table.append("tr") for (var c in chunks) { var colspan = top[0].length / chunks[c].length tr.selectAll(`.td${c}`) .data(chunks[c]) .enter() .append("td") .attr("colspan", colspan) .style("color", c % 2 == 0 ? "#b3261e" : "#085786") .style("font-weight", (_, i) => top[c][i] == 1 || colspan > 1 ? "900" : "normal") .html(d => d) } } append(top) append(indexes(0, down.length).map(_ => chunkConverter(fromBase, toBase).map(x => `2^{${Math.log2(x)}}`))) append(indexes(0, down.length).map(_ => chunkConverter(fromBase, toBase))) append(down.map(toDecimal)) if (fromBase <= 10 && toBase <= 10) return scrollable.node() var details = scrollable.append("details") details .append("summary") .text("Ver tabela de conversão") table = details.append("table") var tr = table.append("tr"), b = fromBase > 10 ? fromBase : toBase tr.append("th") .text(`Base ${10}`) tr.append("th") .text(`Base ${b}`) for (var i = 0; i < b - 10; i++) { tr = table.append("tr") tr.append("td") .text(`${10 + i}`) tr.append("td") .text(`${alphabet[i]}`) } return scrollable.node() }33:[] 30:{"title":"Convertendo números binários para bases de potência de 2 e vice-versa","cells":[{"id":0,"value":"# Convertendo números binários para bases de potência de 2 e vice-versa","pinned":false,"hidden":false,"mode":"md"},{"id":809,"value":"md`Muitas linguagens de programação podem ter uma função para fazer conversões de números entre diferentes bases. No JavaScript, por exemplo, é possível converter facilmente números binários para hexadecimal utilizando uma função bastante simples. Eis um exemplo:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":817,"value":"parseInt(\"010101\", 2).toString(16)","pinned":true,"hidden":false,"mode":"ojs"},{"id":911,"value":"md`No entanto, dessa forma pode ser difícil entendermos o que está realmente acontecendo por trás das cortinas e como poderíamos fazer a conversão por conta própria, caso não dispuséssemos de uma ferramenta para isso.\n\nA seguir, uma forma intuitiva de entender a conversão de números binários em bases de potência de 2. Essa abordagem consiste em dividir o número em grupos de uma determinada quantidade ${tex`n`}, sendo ${tex`n`} o expoente da base de potência de 2, e analisar bit a bit.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":790,"value":"md`### Converter da base binária para base 2ⁿ`","pinned":false,"hidden":false,"mode":"ojs"},{"id":24,"value":"viewof from1 = Inputs.text({label: \"Número\", placeholder: \"Insira um número\", value: \"010101\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":835,"value":"viewof n1 = Inputs.range([1, 5], {step: 1, label: \"n\", value: 4})","pinned":false,"hidden":false,"mode":"ojs"},{"id":774,"value":"result(from1.replace(/^0+/, \"\").toUpperCase(), 2, 2**n1)","pinned":false,"hidden":false,"mode":"ojs"},{"id":1004,"value":"md`### Converter da base 2ⁿ para base binária`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1008,"value":"viewof from2 = Inputs.text({label: \"Número\", placeholder: \"Insira um número\", value: \"15\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1011,"value":"viewof n2 = Inputs.range([1, 5], {step: 1, label: \"n\", value: 4})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1014,"value":"result(from2.replace(/^0+/, \"\").toUpperCase(), 2**n2, 2)","pinned":false,"hidden":false,"mode":"ojs"},{"id":454,"value":"$32","pinned":true,"hidden":false,"mode":"ojs"},{"id":446,"value":"html`\n \n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":667,"value":"formattedTo = (from, toBase) => chunckedTo(from, toBase).join(\"\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":581,"value":"chunckedTo = (from, fromBase, toBase) => chunckedFrom(from, toBase).map(c => convertChunk(c, chunkConverter(fromBase, toBase)))","pinned":true,"hidden":false,"mode":"ojs"},{"id":257,"value":"chunckedFrom = (from, toBase) => chunks([...formattedFrom(from, toBase)].reverse(), chunkSize(toBase)).map(c => c.reverse()).reverse()","pinned":true,"hidden":false,"mode":"ojs"},{"id":8,"value":"formattedFrom = (from, toBase) => from.padStart(chunkSize(toBase) * chunkAmount(from, toBase), \"0\") ","pinned":true,"hidden":false,"mode":"ojs"},{"id":84,"value":"chunkConverter = (fromBase, toBase) => indexes(0, chunkSize(fromBase) * chunkSize(toBase)).reverse().map(i => 2 ** i)","pinned":true,"hidden":false,"mode":"ojs"},{"id":67,"value":"chunkAmount = (from, base) => Math.ceil(from.length / chunkSize(base))","pinned":true,"hidden":false,"mode":"ojs"},{"id":4,"value":"chunkSize = (base) => Math.log2(base)","pinned":true,"hidden":false,"mode":"ojs"},{"id":583,"value":"convertChunk = (from, converter) => from.length < converter.length ? converter.reduce((a, b) => a[0] + b <= toDecimal(from) ? (a[0] += b, a[1].push(1), a) : (a[1].push(0), a), [0, []])[1] : [from.reduce((a, f, i) => f == 1 ? a += converter[i] : a, 0)]","pinned":true,"hidden":false,"mode":"ojs"},{"id":989,"value":"toDecimal = (d) => isNaN(d) ? [alphabet.indexOf(d) + 10] : d","pinned":true,"hidden":false,"mode":"ojs"},{"id":875,"value":"fromDecimal = (d) => d >= 10 ? [alphabet[d - 10]] : d","pinned":true,"hidden":false,"mode":"ojs"},{"id":884,"value":"alphabet = \"ABCDEFGHIJKLMNOPQRSTUVWXYZ\"","pinned":true,"hidden":false,"mode":"ojs"},{"id":253,"value":"chunks = (arr, size) => indexes(0, Math.ceil(arr.length / size)).map((_, i) => i * size).map(start => arr.slice(start, start + size))","pinned":true,"hidden":false,"mode":"ojs"},{"id":78,"value":"indexes = (start, end) => Array.apply(null, {length: end}).map(Number.call, Number).slice(start)","pinned":true,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}