1. 程式人生 > >前端學習(十七)js數組(筆記)

前端學習(十七)js數組(筆記)

步驟 獲取元素 數字 cat 鏈接 ever idt adr i++

數組:

1.
var arr=[1,2,3,4];

2.
var arr=new Array(1,2,3,4,5);

區別:
1.寫法不一樣,選擇第一種(好寫)
2.選擇第一種!

----------------------------------
關於數組方法:

1.push(要添加的值);往裏添加一個!

var arr=[1,2,3,4]

arr.push(888);

默認是往後面添加一個!
--------------------------------------
2.unshift(要添加的值);默認往前面添加一個!

--------------------------------------
3.pop()--默認從後面刪除一個!

--------------------------------------
4.shift()--默認從前面刪除一個!
-------------------------------------

5.咱從中間添加或者刪除,替換!

萬能操作!

splice(,,,,)


刪除:
arr.splice(開始下標,刪除個數);

var arr=[1,2,3,4,5,6,7];

arr.splice(1,2);---1,4,5,6,7

alert(arr);

添加:
arr.splice(開始的下標,刪除0個,要添加的項1,要添加的項2,....);

var arr=[1,2,3,4,5,6,7];

arr.splice(2,0,‘a‘,‘b‘,‘c‘);

alert(arr);

--------------------------------------------
替換:
刪除幾個,就添加幾個!!!

var arr=[1,2,3,4,5,6,7];

arr.splice(2,3,‘a‘,‘b‘,‘c‘);

alert(arr);

-----------------------------

模擬push

var arr=[1,2,5,6,7];

arr.splice(arr.length,0,8);

alert(arr);

pop

var arr=[1,2,5,6,7,8,9];

arr.splice(arr.length-1,1);

alert(arr);

==================================================
6.
var str=‘welcome to beijing‘
str.split(‘ ‘);----[‘welcome‘,‘to‘,‘beijing‘];

join:拼接 得到字符串!

var arr=[‘welcome‘,‘to‘,‘beijing‘];
arr.join(‘ ‘);----‘welcome to beijing‘;

==============================================

題:
var str=‘welcome to beijing‘;

--》‘Welcome To Beijing‘;

思考步驟:
1.str切分一下

var arr=str.split(‘ ‘);
[‘welcome‘,‘to‘,‘beijing‘]

2.循環得到每個的大寫字母
for(i=0;i<arr.length;i++){
var n=arr[i].charAt(0).toUpperCase();
alert(n);--w t b
}

3.循環得到每個沒有手寫字母的字符串!
elcome o eijing


===========================================

7.數組鏈接

var arr=[1,2,4];
var arr1=[6,7,8];

alert(arr.concat(arr1));

鏈接多個
var arr=[1,2,4];
var arr1=[6,7,8];
var arr2=[56,57,58];

alert(arr.concat(arr1,arr2));
--------------------------------------------

8.數組的翻轉arr.reverse()

var arr=[1,2,3,4,5];

--5,4,3,2,1


var arr=[1,2,3,4,5];

alert(arr.reverse());

------------------------------------------
9.排序:

var arr=[‘banana‘,‘apple‘,‘color‘,‘width‘];

arr.sort();

alert(arr);

註意:它是按照字典序來排序(小到大)

----------------------------------
var arr=[123,4,56,88,34,0,-56];

var arr=[123,4,56,88,34,0,-56];

arr.sort();

alert(arr);

也是呢按照字典序排序!

目的:
----按照數字大小排序
var arr=[123,4,56,88,34,0,-56];

arr.sort(function(n1,n2){
return n1-n2;
});

alert(arr);

註意:n1-n2 小到大
n2-n1 大到小
==================================================

特性:

arr.length可以賦值!

清空數組:
1.arr.length=0;
2.arr=[];
3.arr.splice(0,arr.length)
4.while(arr.length){
arr.pop();
}


***字符串的length不能賦值!!!!
--------------------------------------------------

json

寫法:
var json={name:value,name1:value1,....}

json.name

json和數組的區別:

json:
1.無序
2.沒有length;
3.下標字符串
4.for in
5.添加一項json.youbian=‘000000‘;
6.刪除
數組:
1.有序
2.有length
3.下標數字
4.普通for循環
5.添加方式arr.push
6.刪除

json循環:

var json={age:15,name:‘張三‘,adrs:‘北京‘};

for(var name in json){
alert(json[name]);
}

註意:
1.雖然for in循環數組可以用,但是for in 性能沒有普通for循環好!所以說平時用普通for,不到萬不得已不用for in! 遇到json就是萬不得已!必須用for in!

2.alert(json)--alert不足以把json打印出來,它只是彈出json類型!

json專用打印方法:console.log(json);
-------------
============================================

設置樣式:

1.行間樣式
obj.style.width="100px"

oBox.style.cssText=‘width:100px;height:100px;background:red;‘;

2.className
3.json

==================================================

1.實參數組arguments

function show(){
var res=0;

for(var i=0;i<arguments.length;i++){
res+=arguments[i];
}
alert(res);

//var arguments=[1,2,3,4,5]
}
show(1,2,3,4,5);//實際運用的參數:實

================================================
獲取元素方式:

1.id--獲取一個
2.標簽名(tagname)---獲取一組

3.class名(className)---獲取一組


var str=‘redvfrvervbr‘

str.indexOf(d)!=-1

前端學習(十七)js數組(筆記)