js第12節-行列の方法
6531 ワード
js第12節-行列の方法
一、行列の知識点紹介
配列1.jsonのフォーマットvar json 2=''name':'miaov';json 2.name='妙味'json 2['name'='miaov'var json 4=''name':'miaov','age':3,'fun''先端開発' }; for(var atr in json 4) ) { //alert(atr) //alert(json 4[atr];var json 5={ 'url':[img/1.png],'img/2 png','img/3 png','s/4.png', 'text':''小ペット'、''写真二'、''写真三'、'仮面''''''、//var arr='{}for(var atr in json 5){ for(var i=0;i＜Json 5[atr].length;i+){ alert(json 5[atr][i]) } } 2.for-in document var str=';var num=0;for(var atr in document){ str+=num+''+atr+':'+document[atr]+'
num+;'document.body.inners HTML=str;3.配列のfor-in var arr=''a','b''c';for(var i in arr){ alert(arr[i];4.配列定義1)表現形式①var arr=[1,2,3]、②var arr=new Aray(1,2,3);2)配列のクリア①arr.length=0、②arr=[];3)配列の追加方法①arr.putsh(abc'/arft)/art IEを追加(arft) 7 unshift戻り値はサポートされていません.4)配列の削除方法①alert(arr.pop)//最後の要素を投げ出します.投げた要素②alert(arr.shift)///一番前の要素を投げ出します.投げた要素5を返します.配列の循環列①arr.unshift(ar.porft)…(arp.dearp.②index-->は配列のいくつかのインデックス値index 1-->を操作するのは配列の中の何桁かの桁です.変化が必要な数arr=''aa'''bb''''cc''、①splice(2,0,'dd');alert(③)-'aa,bb,dc,②splice('ardd')を変更します.、cc④splice(0,1)alert(arr)を削除します.-->bb,cc注意:spliceの戻り値は、その削除された要素7)配列のデキスト(1,2,2,4,2)、for(var i=0;i＜arr.length;i＋)であること. for(var j=i＋1;j＜arr.length;j＋＋)｛ if(arr[i]==arr[j]){ arr.splice(j,1) j--; } } } alert(arr);8)sort並び替えvar arr 2=[4,3,5,76,2,0,8];arr 2.sort(function(a,b)｛ return a-b;);var arrWidth=''345 px'、'23 px'、'10 px'、'1000 px';arrWidth.sort(function(a,b){ return parseInt(a)-parseInt(b);;alert(arrWidth);9)ランダムソートvar arr=[1,2,3,5,6,7,8];arr.sort(function(a,b)｛ return Math.rantdom()-0.5;｝alert(arr);10)乱関数/alert(Math. round(3.4);／0~1:Math. round(Math. randm())、/0~10/alert(Math. round(Math. round(Math. dorand(Maths.dorand)10/10))(*5)))(*10))))、(*10)))))(*10)、(*10))、(*10))))、(*10)))、(*10)))))))))))/Mathalalalalalalalalalalalalalalalalalalalalalalald(Math.random()*10+10)//20~100/alert(Math.round(Math.random()*80+20))///x~y var x=3;var y=49;/alert(Math. round(Math.randm()*(y-x)+x))//0～x/alert(Math. round(Math. randdom())))//1～x alert(Matheeinl/Mathedl(Mathedl/Mathaaaaaaaaaaaaaaaaaaaaaax))))/1000の間の乱乱乱乱乱乱乱発生/100/stx/100/100/thedl=100/thedl(Mathaaaaaaaaaaaaaaaaaaaaaaaaaaaafs'//indexOf('s')――配列作成のための方法:indexOf 11)concat方法var arr 1=[1,2,3];var arr 2=[4,5,6];var arr 3=[7,8,9];alert(arr 1.ncat(arr 2,arr 3);12,ararr 2=arse 1/starr 1/arr 1/arr 1/ararr 1/arr 1/starr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/='abcdef'//alert(str.split(').reverse().jin(')
二、作業評価
1.カスタムフォント形状
コード共有:
コード共有:
一、行列の知識点紹介
配列1.jsonのフォーマットvar json 2=''name':'miaov';json 2.name='妙味'json 2['name'='miaov'var json 4=''name':'miaov','age':3,'fun''先端開発' }; for(var atr in json 4) ) { //alert(atr) //alert(json 4[atr];var json 5={ 'url':[img/1.png],'img/2 png','img/3 png','s/4.png', 'text':''小ペット'、''写真二'、''写真三'、'仮面''''''、//var arr='{}for(var atr in json 5){ for(var i=0;i＜Json 5[atr].length;i+){ alert(json 5[atr][i]) } } 2.for-in document var str=';var num=0;for(var atr in document){ str+=num+''+atr+':'+document[atr]+'
num+;'document.body.inners HTML=str;3.配列のfor-in var arr=''a','b''c';for(var i in arr){ alert(arr[i];4.配列定義1)表現形式①var arr=[1,2,3]、②var arr=new Aray(1,2,3);2)配列のクリア①arr.length=0、②arr=[];3)配列の追加方法①arr.putsh(abc'/arft)/art IEを追加(arft) 7 unshift戻り値はサポートされていません.4)配列の削除方法①alert(arr.pop)//最後の要素を投げ出します.投げた要素②alert(arr.shift)///一番前の要素を投げ出します.投げた要素5を返します.配列の循環列①arr.unshift(ar.porft)…(arp.dearp.②index-->は配列のいくつかのインデックス値index 1-->を操作するのは配列の中の何桁かの桁です.変化が必要な数arr=''aa'''bb''''cc''、①splice(2,0,'dd');alert(③)-'aa,bb,dc,②splice('ardd')を変更します.、cc④splice(0,1)alert(arr)を削除します.-->bb,cc注意:spliceの戻り値は、その削除された要素7)配列のデキスト(1,2,2,4,2)、for(var i=0;i＜arr.length;i＋)であること. for(var j=i＋1;j＜arr.length;j＋＋)｛ if(arr[i]==arr[j]){ arr.splice(j,1) j--; } } } alert(arr);8)sort並び替えvar arr 2=[4,3,5,76,2,0,8];arr 2.sort(function(a,b)｛ return a-b;);var arrWidth=''345 px'、'23 px'、'10 px'、'1000 px';arrWidth.sort(function(a,b){ return parseInt(a)-parseInt(b);;alert(arrWidth);9)ランダムソートvar arr=[1,2,3,5,6,7,8];arr.sort(function(a,b)｛ return Math.rantdom()-0.5;｝alert(arr);10)乱関数/alert(Math. round(3.4);／0~1:Math. round(Math. randm())、/0~10/alert(Math. round(Math. round(Math. dorand(Maths.dorand)10/10))(*5)))(*10))))、(*10)))))(*10)、(*10))、(*10))))、(*10)))、(*10)))))))))))/Mathalalalalalalalalalalalalalalalalalalalalalalald(Math.random()*10+10)//20~100/alert(Math.round(Math.random()*80+20))///x~y var x=3;var y=49;/alert(Math. round(Math.randm()*(y-x)+x))//0～x/alert(Math. round(Math. randdom())))//1～x alert(Matheeinl/Mathedl(Mathedl/Mathaaaaaaaaaaaaaaaaaaaaaax))))/1000の間の乱乱乱乱乱乱乱発生/100/stx/100/100/thedl=100/thedl(Mathaaaaaaaaaaaaaaaaaaaaaaaaaaaafs'//indexOf('s')――配列作成のための方法:indexOf 11)concat方法var arr 1=[1,2,3];var arr 2=[4,5,6];var arr 3=[7,8,9];alert(arr 1.ncat(arr 2,arr 3);12,ararr 2=arse 1/starr 1/arr 1/arr 1/ararr 1/arr 1/starr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/arr 1/arr 1/arr 1/ararr 1/arr 1/='abcdef'//alert(str.split(').reverse().jin(')
二、作業評価
1.カスタムフォント形状
コード共有:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> </title>
<script>
window.onload = function(){
var oP = document.getElementById('op');
var aInput = document.getElementsByTagName('input');
var arr = ['red','blue','yellow','green','#c0c0c0','#cfg'];
var arr1 = [];
aInput[1].onclick = function(){
arr1 = [];
arr1 = aInput[0].value.split('');
for(var i = 0;i < arr1.length;i++ )
arr1[i] = '<span style="background:'+ arr[i%5]+'">'+arr1[i]+'</span>';
alert(arr1);
oP.innerHTML += arr1.join('');
};
};
</script>
<style>
p{margin:0;padding:0;}
#op{width:300px;height:100px;overflow:auto;border:1px solid #000;}
.in1{width:250px;height:30px;}
.in2{width:50px;height:30px;}
</style>
</head>
<body>
<p id='op'></p>
<input type='text' class='in1'/><input type='button' value=' ' class='in2'/>
</body>
</html>
コード共有:
<span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> </title>
<script>
window.onload = function(){
var oBtn1 = document.getElementById('bt1');
var oBtn2 = document.getElementById('bt2');
var oWrap = document.getElementById('wrap');
var aImg = oWrap.getElementsByTagName('img');
var arr = [1,2,3,4];
for(var i = 0;i < arr.length;i++){
aImg[i].src = 'img/'+ arr[i] +'.jpg'
}
oBtn1.onclick = function(){
arr.sort(function(a,b){
return b - a;
});
for(var i = 0;i < arr.length;i++){
aImg[i].src = 'img/'+ arr[i] +'.jpg'
}
};
oBtn2.onclick = function(){
arr.sort(function(a,b){
return Math.random() - 0.5;;
});
for(var i = 0;i < arr.length;i++){
aImg[i].src = 'img/'+ arr[i] +'.jpg'
}
};
};
</script>
</head>
<body>
<span id='bt1' style="background:red;cursor:pointer;"> </span> <span id='bt2' style="background:red;cursor:pointer;"> </span>
<div id='wrap' style="width:850px;border:1px solid #c0c0c0;">
<img src='' style="width:200px;height:100px; border:1px solid #000;" />
<img src='' style="width:200px;height:100px; border:1px solid #000;" />
<img src='' style="width:200px;height:100px; border:1px solid #000;" />
<img src='' style="width:200px;height:100px; border:1px solid #000;" />
</div>
</body>
</html>
</span>