åé€ã splice()
ã§ãããŸããã
åããæ¿å
¥ã splice()
ã䜿ã£ãŠãããŸãã
const arr = [11, 22, 33]; const index = 1; const value = 99; arr.splice(index, 0, value); console.log(arr); // => [ 11, 99, 22, 33 ]
ããã«çœ®æãã§ããŸãã
const arr = [11, 22, 33]; const index = 1; const value = 99; arr.splice(index, 1, value); console.log(arr); // =>[ 11, 99, 33 ]
第2åŒæ°ã 0
ã«ãããšãã æ¿å
¥ããã ãã 1
ã ãšçœ®ãæããŸãã
仿§
array.splice(start[, deleteCount[, item1[, item2[, ...]]]])
æšæ¥æžããéãã ãã©ã
item1, item2, ...
ãæ¿å
¥ããŸãã
è€æ°å¯èœã
Vue.jsã§é åã眮ãæã
æ®éã«çœ®ãæãããå Žå㯠arr[i] = obj
ããã°ååãªãã ãã©ãVue.jsã® data
ã§é
åãæã£ãŠããå Žåãããã¯ããã£ãŠã¯ãããªãããšãã§ãã
splice()
ã§ãªãããããã§ããŸãã
åããªãäŸ
ãã¿ã³ãæŒããšé åèŠçŽ ã®ã²ãšã€ãå¥ã®ãªããžã§ã¯ãã«çœ®ãæããããã«ããŸããã
const index = 1; const item = { text: "REPLACED", done: false }; this.todos[index] = item;
åãäŸ
ç¶ã㊠splice()
ã䜿ã£ããåãã³ãŒãã
const index = 1; const item = { text: "REPLACED", done: false }; this.todos.splice(index, 1, item);
詳ããã¯Vue.jsã®å ¬åŒææžãã確èªãã ãããŸãã
ãã®ä»ã®å€æŽ
é åã®èŠçŽ å šäœãããªããŠèŠçŽ ã®ããããã£ãå€ããã®ã¯ã»ãŒãã
ããšé åå šäœãä»£å ¥ãã¡ããã®ãã»ãŒãã
é åºãå€ãããªã sort()
splice()
ã§çœ®ãæããŠãè¯ããã©ããã£ãœã©ã®éã§ãªããã° sort()
ããŠã§ããããé
åå
šäœãããããã£ã«èšå®ããŠããã®ãç°¡åã§è¯ãã§ãããã
äŸ
話ãVue.jsããJavaScriptå šäœã«æ»ããŸãã
é åã远å
远å ããèŠçŽ ã¯ç¬¬3åŒæ°ã ãã§ãªãã第4ã第5ãšãããã§ãäžããããŸãã
é
åããŸãããšè¿œå ããå Žåãã¹ãã¬ããæ§æ ...
ã§å±éããŠãããŸãããã
const arr = [11, 22, 33]; const values = [99, 88]; const index = 1; arr.splice(index, 0, ...values); console.log(arr); // => [ 11, 99, 88, 22, 33 ]
é åããã®ãŸãŸçœ®ããšããã®é åèªäœãå šäœã®é åã®èŠçŽ ã«ãªã£ã¡ãããŸããäºéé åã ã
æ€çŽ¢ããŠçœ®ãæã
findIndex()
ãšçµã¿åãããŸãã
const users = [ { id: '101', name: 'Alice' }, { id: '102', name: 'Bob' }, { id: '103', name: 'Charlie' }, ]; const value = { id: '999', name: 'Zack' }; const id = '102'; const index = users.findIndex((v) => v.id === id); users.splice(index, 1, value); console.log(users); // => [ { id: '101', name: 'Alice' }, // { id: '999', name: 'Zack' }, // { id: '103', name: 'Charlie' } ]
ãã®ä»ã®ã¡ãœãã
æ®éã«çœ®ãæãããªã [index]
ã§ããããã
æ«å°Ÿã«è¿œå ãããªã push()
ããã¯ããã§ãã䜿ãã
æ«å°Ÿã«è€æ°è¿œå ãããªã concat()
ãã ãéç Žå£ã§ãæ°ããé åãäœããŸãã
const arr = [11, 22, 33]; const values = [99, 88]; const arr2 = arr.concat(values); console.log(arr); // => [ 11, 22, 33 ] console.log(arr2); // => [ 11, 22, 33, 99, 88 ]
values.concat(arr)
ã«ããã°å
é ã«è¿œå ãããã®ãåºãŠããŸãã
å
é ã«è¿œå ãããªã unshift()
åèŠçŽ ã®ããããã£ã眮ãæãããªã forEach()
ããŒãäœãšããããç¹°ãè¿ããªããæŽæ°ããã ãã
const users = [ { id: '101', name: 'Alice', active: true }, { id: '102', name: 'Bob', active: true }, { id: '103', name: 'Charlie', active: true }, ]; users.forEach((user) => { user.active = false; });