Objekt JavaScript je močna podatkovna struktura, ki združuje ključi in vrednote . Včasih moramo iz predmeta izbrisati določen ključ/vrednost. To je mogoče storiti z uporabo spodaj navedenih pristopov.
Kako odstraniti ključ-vrednost iz predmeta JavaScript?
Za odstranitev ključa iz objekta JavaScript je mogoče uporabiti več metod:
Kazalo
- Uporaba metod reduce() in filter().
- Uporaba operatorja za brisanje
- Destrukturiranje z operaterjem Rest
- Uporaba Object.assign()
- Uporaba Object.fromEntries() in Object.entries()
- Uporaba metode _.omit knjižnice Underscore.js
- Uporabni primer Odstrani ključ iz predmeta JavaScript
1. Uporaba metod reduce() in filter().
The zmanjšati () in filter() metode JavaScript se lahko skupaj uporabijo za odstranitev ključa iz objekta JavaScript.
Sintaksa metode reduce() in filter():
Object.keys(object_name).filter(()=>{}).reduce(()=>{});>primer:
Spodnji primer kode izvaja metode filtra in zmanjšanja skupaj za odstranitev ključa iz predmeta.
Javascript let details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('Original Object: ', details); details = Object.keys(details).filter(objKey =>objKey !== 'starost').reduce((newObj, key) => { newObj[key] = details[key]; return newObj; }, {} ); console.log(podrobnosti);> Izhod
Original Object: { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Pojasnilo :
skener v Javi
- Izvirnik
details>objekt vsebuje lastnosti za ime, starost in državo. - The
Object.keys(details)>metoda vrne matriko, ki vsebuje ključedetails>predmet. - The
.filter()>metoda filtrira lastnost starosti iz niza ključev. - The
.reduce()>metoda ustvari nov objekt (newObj>) tako, da ponovite filtrirane ključe in jih dodelite novemu objektu. - Nazadnje je nov objekt brez lastnosti starosti dodeljen nazaj
details>spremenljivka in je zabeležena na konzoli.
2. Uporaba operatorja za brisanje
The brisanje operaterja v JavaScriptu se lahko uporabi za odstranitev lastnosti (par ključ-vrednost) iz predmeta.
Sintaksa operaterja brisanja:
delete objectName.propertyName;>
primer:
Spodnja koda odstrani ključ 'starost' iz predmeta, tako da ostaneta samo ključa 'ime' in 'država' v objektu.
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);> Izhod
Original Object: { name: 'Alex', age: 30, country: 'Canada' } Object after deleting age key: { name: 'Alex', country: 'Canada' }> Pojasnilo :
- Izvirnik
details>objekt vsebuje lastnosti za ime, starost in državo. - The
delete>se uporablja za odstranitev lastnosti starosti izdetails>predmet. - Po izbrisu lastnosti starosti je spremenjeno
details>objekt je prijavljen na konzolo.
3. Destrukturiranje z operaterjem Rest
Destrukturiranje objekt, ki uporablja operator rest, ustvari nov objekt brez podane lastnosti, pri čemer ohrani preostale lastnosti izvirnega objekta.
alternativa mylivecricket
Sintaksa za uničenje z operatorjem rest:
const { propertyToRemove, ...rest } = objectName;>primer:
Spodnja koda uporablja sintakso destrukturiranja za odstranjevanje ključev iz predmeta v JavaScriptu.
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);> Izhod
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Pojasnilo :
- Izvirnik
details>objekt vsebuje lastnosti za ime, starost in državo. - Naloga destrukturiranja
{ age, ...rest } = details;>izvleče lastnost starosti izdetails>in ga dodeliage>spremenljivka. Preostale lastnosti so zbrane v nov objekt, imenovanrest>. - Kot rezultat,
rest>objekt vsebuje vse lastnosti izvirnikadetails>objekt razen lastnosti starosti. - The
rest>objekt se nato prijavi na konzolo in prikaže objekt brez lastnosti starosti.
4. Uporaba Object.assign()
Uporaba Object.assign() vam omogoča, da ustvarite nov objekt brez podane lastnosti s kopiranjem vseh lastnosti razen tiste, ki jo želite odstraniti.
Sintaksa object.assign():
const { age, ...rest } = Object.assign({}, details);>primer:
Spodnja koda implementira metodo Object.assign() za odstranitev lastnosti iz predmeta.
Javascript const details = { name: 'Alex', age: 30, country: 'Canada' }; console.log('orignal object', details) const { age, ...rest } = Object.assign({}, details); console.log(rest);> Izhod
orignal object { name: 'Alex', age: 30, country: 'Canada' } { name: 'Alex', country: 'Canada' }> Pojasnilo :
- The
Object.assign({}, details)>metoda ustvari plitvo kopijodetails>predmet. To preprečuje spreminjanje izvirnikadetails>predmet. - Nato se z destrukturiranjem objekta izvleče lastnost starosti iz kopiranega predmeta in jo dodeli
age>spremenljivka. Preostale lastnosti so zbrane v nov objekt, imenovanrest>. - Kot rezultat,
rest>objekt vsebuje vse lastnosti izvirnikadetails>objekt razen lastnosti starosti. - The
rest>objekt se nato prijavi na konzolo in prikaže objekt brez lastnosti starosti.
5. Uporaba Object.fromEntries() in Object.entries()
The Object.entries() bo uporabljen za pretvorbo predmeta v niz parov ključ-vrednost. Nato uporabimo Array.filter() da izključite par ključ-vrednost s podanim ključem. Na koncu uporabimo Object.fromEntries() za pretvorbo filtrirane matrike nazaj v objekt.
sql count distinct
primer:
Spodnja koda implementira zgornje metode za odstranitev ključa iz predmeta v JavaScriptu.
Javascript const details = { name: 'Alex', age: 30, country: 'Canada' }; const { age, ...rest } = Object.fromEntries( Object.entries(details).filter(([key]) =>ključ !== 'starost')); console.log(rest);> Izhod
{ name: 'Alex', country: 'Canada' }> Pojasnilo:
Object.entries(details)>pretvarjadetails>objekt v matriko parov ključ-vrednost..filter(([key]) =>ključ !== 'starost')>filtrira pare ključ-vrednost, kjer ključ ni enak »starosti«, s čimer učinkovito odstrani lastnost starosti.Object.fromEntries()>pretvori filtrirano matriko parov ključ-vrednost nazaj v objekt.- Nazadnje se destrukturiranje objekta uporabi za ekstrahiranje lastnosti starosti iz rezultata, ki je dodeljen
age>spremenljivka, medtem ko so ostale lastnosti zbrane v nov objekt, imenovanrest>. - The
rest>objekt se nato prijavi na konzolo in prikaže objekt brez lastnosti starosti.
6. Uporaba metode _.omit knjižnice Underscore.js za odstranitev ključa iz predmeta
The podčrtaj.js je knjižnica JavaScript, ki jo je mogoče vključiti v dokument HTML prek povezave CDN, nato pa lahko uporabljate njene vgrajene funkcije.
Sintaksa metode _.omit knjižnice Underscore.js:
objName = _.omit(objName, 'ketToRemove');>
primer:
Spodnja koda bo pojasnila uporabo _.omit() funkcijo za odstranitev ključa iz predmeta JavaScript.
HTML Odstrani ključ iz naslova predmeta JavaScript> glava> <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>naj podrobnosti = { ime: 'Alex', starost: 30, država: 'Kanada' }; console.log('Objekt pred odstranitvijo: ', podrobnosti); podrobnosti = _.omit(podrobnosti, 'starost'); console.log('Predmet po odstranitvi: ', podrobnosti); skript> telo> html>></pre> </code> <p dir='ltr'> <b> <strong>Izhod:</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="izhod"></p> <p dir='ltr'> <b> <strong>Pojasnilo</strong> </b> <span>:</span></p> <ul><li value='1'><span>Knjižnica Underscore.js je vključena v datoteko HTML z uporabo oznake skripta.</span></li><li value='2'><span>Znotraj oznake skripta je objekt z imenom</span><code class='hljs'>details></code><span>je definiran z lastnostmi za ime, starost in državo.</span></li><li value='3'><span>The</span><code class='hljs'>_.omit()></code><span>funkcija iz Underscore.js se uporablja za odstranitev ključa 'age' iz</span><code class='hljs'>details></code><span>predmet.</span></li><li value='4'><span>The</span><code class='hljs'>console.log()></code><span>stavki se uporabljajo za tiskanje predmeta pred in po odstranitvi ključa 'starost'.</span></li></ul><h2 id='usecase-of-remove-a-key-from-javascript-object'><span>Uporabni primer Odstrani ključ iz predmeta JavaScript</span></h2><h3><span>1.</span> <span>Metoda JavaScript Object keys().</span> </h3><p dir='ltr'><span>The</span> <b><code class='hljs'> Object.keys()></code></b> <b> <strong>metoda</strong> </b> <span>v JavaScriptu se uporablja za pridobivanje niza naštevnih imen lastnosti predmeta. Vrne matriko, ki vsebuje ključe predmeta.</span></p> <h3><span>2.</span> <span>Kako odstraniti predmet iz niza predmetov z uporabo JavaScripta?</span> </h3><p dir='ltr'><span>Obstajata dva pristopa za rešitev tega problema, ki sta obravnavana spodaj:</span></p> <ul><li value='1'> <span>Uporaba metode array.forEach().</span> </li><li value='2'> <span>Uporaba metode array.map().</span> </li></ul><h3><span>3.</span> <span>Kako dodati in odstraniti lastnosti iz predmetov v JavaScriptu?</span> </h3><ul><li value='1'><span>Za dodajanje katere koli lastnosti lahko uporabite bodisi</span> <i> <em>ime_objekta.ime_lastnosti = vrednost</em> </i> <b> <strong> </strong> </b> <span>(ali)</span> <i> <em>ime_objekta[ime_lastnosti] = vrednost</em> </i> <span>.</span></li><li value='2'><span>Za brisanje katere koli lastnosti bi lahko preprosto uporabili</span> <i> <em>izbriši ime_objekta.ime_lastnosti (</em> </i> <span>ali)</span> <i> <em>izbriši ime_predmeta [ime_lastnosti]</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="">Kategorija</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/nginx-tutorial/">Vadnica Za Nginx</a> </li><li> <a href="/python-turtle-programming/">Programiranje Python Turtle</a> </li><li> <a href="/java-throwable-class/">Java Throwable Razred</a> </li><li> <a href="/dbms-basics/">Osnove Dbms</a> </li><li> <a href="/digital-electronics-logic-gate/">Digitalna Elektronika - Logična Vrata</a> </li><li> <a href="/tally-tutorial/">Vadnica Tally</a> </li><li> <a href="/linux-filters/">Filtri Za Linux</a> </li><li> <a href="/get-informed/">Informirajte Se</a> </li><li> <a href="/python-tutorial/">Vadnica Za Python</a> </li><li> <a href="/data-structures-algorithms-qna/">Podatkovne Strukture In Algoritmi-Qna</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">Funkcija SQL Server Row_Number s funkcijo PARTITION BY</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Računalniški portal za geeke. Vsebuje dobro napisane, dobro premišljene in dobro razložene članke o računalništvu in programiranju, kvize in vprašanja za prakso/tekmovalno programiranje/razgovor v podjetju.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/sql-server-row_number-function-with-partition"> <i class="fa fa-external-link"></i> Preberi Več</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Zanimivi Članki</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/java-convert-int-long">Java Pretvori int v dolgo</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/which-is-bigger-mb-kb">Kateri je večji MB ali KB?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/5-elements-life-meaning">5 elementov življenja - pomen, simbol, značilnosti</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/superscript-markdown">Superscript v Markdown</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/c-ternary-conditional-operator">Ternarni ali pogojni operator C++</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">Priljubljene Objave</h2>
<div class="content">
<ul class="list"> <li><a href="/how-get-input-from-user-java">java uporabniški vnos</a>
</li><li><a href="/java-convert-string-int">niz v cela števila</a>
</li><li><a href="/java-pair">java par</a>
</li><li><a href="/types-sql-join">vrste združevanj v rdbms</a>
</li><li><a href="/sharwanand">sharwanand</a>
</li><li><a href="/how-sort-arraylist-java">sort arraylist v Javi</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 Vse Pravice Pridržane | <a href="//techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Zavrnitev Odgovornosti</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">O Podjetju</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Politika Zasebnosti</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>