js 遇到的問題

檢查某元素是否在陣列中 indexOf

-1=>沒有找到
2=>索引2 =>找到的元素

const myHeroes = ['蝙蝠俠','蜘蛛人','水行俠','黑寡婦'];
console.log('檢查蟻人是否在陣列中',myHeroes.indexOf('蟻人'));
console.log('檢查水行俠是否在陣列中',myHeroes.indexOf('水行俠'));
//檢查蟻人是否在陣列中 -1
//檢查水行俠是否在陣列中 2

合併陣列 javascript(ES6)擴展運算子 Spread Operator 或是 concat （）

var number1=[1,2,3];
var number2=[4,5,6];
let newnumber = [...number1,...number2];
console.log(newnumber) 
//(6) [1, 2, 3, 4, 5, 6]
const array3 = number1.concat(number2);
console.log(array3) 
//(6) [1, 2, 3, 4, 5, 6]

字符串轉字符數組(分割字符串) javascript(ES6)擴展運算子 Spread Operator 或是 split（‘’）

var one='Hello Word';
var array1 =[...one]
console.log('array1',array1) ;
//(10) ['H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'd']
const split=one.split('')
console.log('array1 split',split) ;
//(10) ['H', 'e', 'l', 'l', 'o', ' ', 'W', 'o', 'r', 'd']

去掉重複的元素

//使用filter 與indexOf
let arr = ['B', 'A', 'E', 'C', 'A', 'F', 'G', 'E'];
let newArr = arr.filter( (element, index, arry)=> {
 return arry.indexOf(element) === index;
});
console.log('使用filter 與indexOf',newArr)
//(6) ['B', 'A', 'E', 'C', 'F', 'G']

//使用Array.from（） 與new Set（）
const uniqueArray = Array.from(new Set(arr));
console.log('使用Array.from（） 與new Set（）',uniqueArray)
//(6) ['B', 'A', 'E', 'C', 'F', 'G']

//使用...new Set()
const uniqueArr = [...new Set(arr)];
console.log('使用...new Set()',uniqueArr)
//(6) ['B', 'A', 'E', 'C', 'F', 'G']

//Array.from()與 map遍歷key()
const uniqueArrMap = Array.from(new Map(arr.map((item) => [item, 1])).keys());
console.log('uniqueArrMap',uniqueArrMap)

物件轉陣列

//物件形式
const roles = {
  '001': {
    name: '海綿寶寶',
    expert: '吸收很快',
  },
  '002': {
    name: '耶夢',
    expert: '任意門',
  },
  '004': {
    name: '超人',
    expert: '英雄',
  },
};

//使用Object.values與forEach（）
let str = [];
str=Object.values(roles).forEach((item) => {
    console.log(item); 
})
console.log(str)

//使用Object.keys與forEach（）
let object = [];
object=Object.keys(roles).forEach((key) => {
 console.log(roles[key]); 
})
console.log(object)

let objectEntries = [];
Object.entries(roles).forEach((obj) => {
    console.log(obj[0], obj[1]); 
})
console.log(objectEntries)