Objekt JavaScript je výkonná dátová štruktúra, ktorá sa kombinuje kľúče a hodnoty . Niekedy potrebujeme z objektu odstrániť konkrétny pár kľúč – hodnota. Dá sa to urobiť pomocou prístupov uvedených nižšie.
Ako odstrániť pár kľúč – hodnota z objektu JavaScript?
Existuje niekoľko metód, ktoré možno použiť na odstránenie kľúča z objektu JavaScript:
Obsah
dfs algoritmus
- Použitie metód reduction() a filter().
- Pomocou operátora delete
- Deštrukcia s operátorom zvyšku
- Použitie Object.assign()
- Použitie Object.fromEntries() a Object.entries()
- Použitie metódy _.omit knižnice Underscore.js
- UseCase of Odstrániť kľúč z objektu JavaScript
1. Použitie metód reduction() a filter().
The znížiť () a filter() metódy JavaScriptu možno spoločne použiť na odstránenie kľúča z objektu JavaScript.
Syntax metódy reduction() a filter():
Object.keys(object_name).filter(()=>{}).reduce(()=>{});>Príklad:
Nižšie uvedený príklad kódu implementuje metódy filtrovania a redukcie spoločne na odstránenie kľúča z objektu.
Javascript let details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('Original Object: ', details); details = Object.keys(details).filter(objKey =>objKey !== 'vek').reduce((newObj, key) => { newObj[key] = details[key]; return newObj; }, {} ); console.log(detaily);> Výkon
Original Object: { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Vysvetlenie :
- Pôvodné
details>objekt obsahuje vlastnosti pre meno, vek a krajinu. - The
Object.keys(details)>metóda vráti pole obsahujúce kľúčedetails>objekt. - The
.filter()>metóda odfiltruje vlastnosť age z poľa kľúčov. - The
.reduce()>metóda vytvorí nový objekt (newObj>) opakovaním cez filtrované kľúče a ich priradením k novému objektu. - Nakoniec sa nový objekt bez vlastnosti age priradí späť k
details>premennej a je prihlásený do konzoly.
2. Pomocou operátora delete
The operátor vymazania v JavaScripte možno použiť na odstránenie vlastnosti (pár kľúč – hodnota) z objektu.
ako vymyslel školu
Syntax operátora delete:
delete objectName.propertyName;>
Príklad:
Nižšie uvedený kód odstráni kľúč „vek“ z objektu a v objekte ponechajú iba kľúče „meno“ a „krajina“.
Javascript const details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('Original Object:', details); delete details.age; console.log('Object after deleting age key:', details);> Výkon
Original Object: { name: 'Alex', age: 30, country: 'Canada' } Object after deleting age key: { name: 'Alex', country: 'Canada' }> Vysvetlenie :
- Pôvodné
details>objekt obsahuje vlastnosti pre meno, vek a krajinu. - The
delete>Operátor sa používa na odstránenie vlastnosti veku zdetails>objekt. - Po vymazaní vlastnosti veku sa zmení
details>objekt je prihlásený do konzoly.
3. Deštrukcia s operátorom zvyšku
Zničenie objekt používajúci operátor rest vytvorí nový objekt bez špecifikovanej vlastnosti, pričom si zachová zostávajúce vlastnosti z pôvodného objektu.
užívateľské meno
Syntax pre deštrukciu pomocou operátora rest:
const { propertyToRemove, ...rest } = objectName;>Príklad:
Nižšie uvedený kód používa deštruktívnu syntax na odstránenie kľúčov z objektu v JavaScripte.
Javascript const details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('orignal object', details) // after using destructuring and rest operator const { age, ...rest } = details; console.log(rest);> Výkon
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Vysvetlenie :
- Pôvodné
details>objekt obsahuje vlastnosti pre meno, vek a krajinu. - Zadanie deštrukcie
{ age, ...rest } = details;>extrahuje vlastnosť veku zdetails>objekt a priradí ho kage>premenlivý. Ostatné vlastnosti sa zhromažďujú do nového objektu s názvomrest>. - V dôsledku toho
rest>objekt obsahuje všetky vlastnosti origináludetails>objekt okrem vlastnosti veku. - The
rest>objekt sa potom prihlási do konzoly a zobrazí objekt bez vlastnosti age.
4. Použitie Object.assign()
Použitím Object.assign() umožňuje vytvoriť nový objekt bez špecifikovanej vlastnosti skopírovaním všetkých vlastností okrem tej, ktorú chcete odstrániť.
Syntax objektu.assign():
const { age, ...rest } = Object.assign({}, details);>Príklad:
Nižšie uvedený kód implementuje metódu Object.assign() na odstránenie vlastnosti z objektu.
Javascript const details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('orignal object', details) const { age, ...rest } = Object.assign({}, details); console.log(rest);> Výkon
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Vysvetlenie :
- The
Object.assign({}, details)>metóda vytvorí plytkú kópiudetails>objekt. Tým sa zabráni úprave origináludetails>objekt. - Potom sa deštrukcia objektu použije na extrahovanie vlastnosti veku zo skopírovaného objektu a jej priradenie k objektu
age>premenlivý. Ostatné vlastnosti sa zhromažďujú do nového objektu s názvomrest>. - V dôsledku toho
rest>objekt obsahuje všetky vlastnosti origináludetails>objekt okrem vlastnosti veku. - The
rest>objekt sa potom prihlási do konzoly a zobrazí objekt bez vlastnosti age.
5. Použitie Object.fromEntries() a Object.entries()
The Object.entries() sa použije na konverziu objektu na pole párov kľúč – hodnota. Potom používame Array.filter() na vylúčenie páru kľúč – hodnota so zadaným kľúčom. Nakoniec použijeme Object.fromEntries() na konverziu filtrovaného poľa späť na objekt.
Príklad:
Nižšie uvedený kód implementuje vyššie uvedené metódy na odstránenie kľúča z objektu v JavaScripte.
zadarmo ipconfigJavascript
const details = { name: 'Alex', age: 30, country: 'Canada' }; const { age, ...rest } = Object.fromEntries( Object.entries(details).filter(([key]) =>kľúč !== 'vek')); console.log(rest);> Výkon
{ name: 'Alex', country: 'Canada' }> Vysvetlenie:
Object.entries(details)>konvertujedetails>objekt do poľa párov kľúč – hodnota..filter(([key]) =>kľúč !== 'vek')>odfiltruje páry kľúč – hodnota, kde sa kľúč nerovná „vek“, a účinne odstráni vlastnosť veku.Object.fromEntries()>skonvertuje filtrované pole párov kľúč – hodnota späť na objekt.- Nakoniec sa deštrukcia objektu používa na extrahovanie vlastnosti veku z výsledku, ktorý je priradený k
age>premenná, zatiaľ čo ostatné vlastnosti sa zhromažďujú do nového objektu tzvrest>. - The
rest>objekt sa potom prihlási do konzoly a zobrazí objekt bez vlastnosti age.
6. Použitie metódy _.omit knižnice Underscore.js na odstránenie kľúča z objektu
The podčiarkovník.js je knižnica JavaScript, ktorá môže byť zahrnutá do dokumentu HTML prostredníctvom odkazu CDN a potom môžete používať jej vstavané funkcie.
Syntax metódy _.omit knižnice Underscore.js:
objName = _.omit(objName, 'ketToRemove');>
Príklad:
Nižšie uvedený kód vysvetlí použitie _.vynechať() funkcia na odstránenie kľúča z objektu JavaScript.
HTML Odstrániť kľúč z JavaScript Object title> head> <body> <script src= 'https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.13.6/underscore-min.js' integrity= 'sha512-2V49R8ndaagCOnwmj8QnbT1Gz/rie17UouD9Re5WxbzRVUGoftCu5IuqqtAM9+UC3fwfHCSJR1hkzNQh/2wdtg==' crossorigin='anonymous' referrerpolicy='no-referrer'>skript><script>nech podrobnosti = { meno: 'Alex', vek: 30, krajina: 'Kanada' }; console.log('Objekt pred odstránením: ', podrobnosti); podrobnosti = _.omit(detaily, 'vek'); console.log('Objekt po odstránení: ', podrobnosti); script> body> html>></pre> </code> <p dir='ltr'> <b> <strong>Výkon:</strong> </b> </p> <p dir='ltr'> <img src='//techcodeview.com/img/javascript-object/32/how-remove-key-value-pair-from-javascript-object-2.webp' alt="výkon"></p><blockquote style="text-transform: capitalize;font-size: 20px; padding: 10px;"><a href="/list-mission-impossible-movies">koľko filmov s nemožnými úlohami existuje</a>
</blockquote> <p dir='ltr'> <b> <strong>Vysvetlenie</strong> </b> <span>:</span></p> <ul><li value='1'><span>Knižnica Underscore.js je súčasťou súboru HTML pomocou značky skriptu.</span></li><li value='2'><span>Vo vnútri značky skriptu je objekt s názvom</span><code class='hljs'>details></code><span>je definovaná vlastnosťami pre meno, vek a krajinu.</span></li><li value='3'><span>The</span><code class='hljs'>_.omit()></code><span>funkcia z Underscore.js sa používa na odstránenie kľúča „vek“ z</span><code class='hljs'>details></code><span>objekt.</span></li><li value='4'><span>The</span><code class='hljs'>console.log()></code><span>výpisy sa používajú na tlač objektu pred a po odstránení kľúča „vek“.</span></li></ul><h2 id='usecase-of-remove-a-key-from-javascript-object'><span>UseCase of Odstrániť kľúč z objektu JavaScript</span></h2><h3><span>1.</span> <span>JavaScript Object keys() Method</span> </h3><p dir='ltr'><span>The</span> <b><code class='hljs'> Object.keys()></code></b> <b> <strong>metóda</strong> </b> <span>v JavaScripte sa používa na získanie poľa vymenovateľných názvov vlastností objektu. Vracia pole obsahujúce kľúče objektu.</span></p> <h3><span>2.</span> <span>Ako odstrániť objekt z poľa objektov pomocou JavaScriptu?</span> </h3><p dir='ltr'><span>Existujú dva prístupy k riešeniu tohto problému, ktoré sú uvedené nižšie:</span></p> <ul><li value='1'> <span>Použitie metódy array.forEach().</span> </li><li value='2'> <span>Použitie metódy array.map().</span> </li></ul><h3><span>3.</span> <span>Ako pridať a odstrániť vlastnosti z objektov v JavaScripte?</span> </h3><ul><li value='1'><span>Na pridanie akejkoľvek vlastnosti môžete použiť buď</span> <i> <em>object_name.property_name = hodnota</em> </i> <b> <strong> </strong> </b> <span>(alebo)</span> <i> <em>názov_objektu[názov_vlastnosti] = hodnota</em> </i> <span>.</span></li><li value='2'><span>Na vymazanie akejkoľvek vlastnosti sa dá ľahko použiť</span> <i> <em>delete object_name.property_name (</em> </i> <span>alebo)</span> <i> <em>odstrániť názov_objektu[názov_vlastníctva]</em> </i> <span>.</span></li></ul><p dir='ltr'> <br></p> <br> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Kategórie</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/java-array-programs/">Java-Array-Programy</a> </li><li> <a href="/microprocessor/">Mikroprocesor</a> </li><li> <a href="/python-array/">Python-Array</a> </li><li> <a href="/max-heap/">Max-Hromada</a> </li><li> <a href="/deque/">O Čom</a> </li><li> <a href="/c-const-keyword/">Kľúčové Slovo C++-Const</a> </li><li> <a href="/python-numpy-sorting-searching/">Python Numpy-Sorting Search</a> </li><li> <a href="/python-loop-programs/">Slučkové Programy Pythonu</a> </li><li> <a href="/chemistry/">Chémia</a> </li><li> <a href="/shell-script/">Shell Script</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Turbo C++ – stiahnutie a inštalácia</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Turbo C++ - stiahnutie a inštalácia pre začiatočníkov a profesionálov s príkladmi na konštruktor, if-else, prepínač, prerušenie, pokračovanie, komentáre, polia, objekt a trieda, výnimka, statika, štruktúry, dedičnosť, agregácia atď.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/turbo-c-download-installation"> <i class="fa fa-external-link"></i> Čítajte Viac</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Zaujímavé Články</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/what-is-zema-dosage-1311550">Čo je Zema? Dávkovanie, účinky a bezpečnosť</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/find-ip-address-linux">Nájdite IP adresu v Linuxe</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/computer-networks-maq/">Počítačové Siete-Maq</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-content-com">Čo je content://com.android.browser.home/</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-is-serial-port">Čo je sériový port?</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Populárne Príspevky</h2>
<div class="content">
<ul class="list"> <li><a href="/linux-file-system">súborový systém linux</a>
</li><li><a href="/jquery-click">jquery kliknutím</a>
</li><li><a href="/priority-queue-c">prioritný front c++</a>
</li><li><a href="/inorder-traversal">v poriadku</a>
</li><li><a href="/lexicographical-order-java">lexikograficky</a>
</li><li><a href="/linux-host-command">linuxový hostiteľ</a>
</li><li><a href="/marker-interface-java">prečo rozhranie markerov v jave</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Všetky Práva Vyhradené | <a href="//es.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Odmietnutie Zodpovednosti</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Nás</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Zásady Ochrany Osobných Údajov</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>