Zero1000

JavaScript

terms:
Object.keys():

1. プロパティを得る

index.html 
<script>
	
let user = {name:'Yutaka', age:32};

let obj = Object.keys(user);

document.write(obj)


	
</script>

2. keyのシャッフル

index.html 
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.9/lodash.min.js"></script>



<div id="app">

{{obj}}<br>
{{obj2}}<br>


<div v-for="o in obj"><button>{{o}}</button></div>

<hr>

<div v-for="o in obj3"><button @click="bt(o)">{{obj[o]}}</button></div>




</div>

<script>
	
let ary = ["aa","bb","cc"];


let obj =Object.assign({},ary)

let obj2 =Object.keys(obj)

let obj3=_.shuffle(obj2);


new Vue({
  
el: '#app',

data: {

	obj:obj,
	obj2:obj2,
	obj3:obj3,
},

methods:{
	
	bt:function(x){alert(x)}
}
  
})



	
</script>