js数组
定义数组:
let arr = [];
let arr = new Array();
//初始化
let arr = [元素,元素1,.......];
获取数组中某个下标的元素
arr[下标] – 最大下标:数组长度-1
遍历数组:
for循环:
for(let i=0;i<arr3.length;i++){
console.log(arr3[i])
}
for … in遍历
//能遍历出来确实有下标的元素,
for(let x in arr3){
console.log(arr3[x]);
}
数组的方法
length | 设置或返回数组中元素的数目 |
---|---|
属性 | 描述 |
push() | 将新元素添加到一个数组的尾部,并返回数组的新长度值。 |
---|---|
unshift() | 将新元素添加到一个数组的头部,并返回数组的新长度值。 |
pop() | 移除数组中的最后一个元素并返回该元素。 |
shift() | 移除数组中的第一个元素并返回该元素。 |
sort() | 对数组排序 |
reverse() | 对数组进行反转(注意:不是倒序) |
concat() | 返回一个新数组,这个新数组是由多个数组组合而成的。 |
join( ) | 把数组的所有元素放入一个字符串中,通过一个的分隔符进行分隔。 |
split() | 将一个字符串分割成一个数组。 |
splice() | 可以对数组元素做删除、插入等多种操作。 |
slice() | 返回一个数组的片段。 |
let arr = [1,2,43,4,5];
//push() 将新元素添加到一个数组的尾部,并返回数组的新长度值。
arr.push(3);
//unshift() 将新元素添加到一个数组的头部,并返回数组的新长度值。
arr.unshift(90);
//pop() 移除数组中的最后一个元素并返回该元素。
let removeEle = arr.pop();//删除的元素
//shift() 移除数组中的第一个元素并返回该元素。
let removeEle1 = arr.shift();//头部删除的元素
对数组的更改,删除具体的位置的操作
let arr = [1,2,43,4,5];
//splice() 可以对数组元素做删除、插入等多种操作。
//(从第几个位置开始(从0开始)进行更改,删除的元素的长度,更换的元素(如果没有就直接删除))
//从第2个位置开始,更换的长度是2 ,更换为6,7,100,102
arr.splice(2,2,6,7,100,102);
// arr.splice(2,0)
console.log(arr);
对数组进行排序(升序降序)
let fun = (a,b)=>a-b;
//升序:箭头函数,
arr.sort(fun);
for(let index in arr){
console.log(arr[index]);
}
返回局部的数组
//从数组中间截取一个片段:slice(开始索引,结束索引)
var arr = [1,2,3,4,5,6,7,8,9];
var newArr = arr.slice(1,3);
document.write(newArr);
//运行结果:2,3
//从数组中某个索引开始截取到最后:slice(开始索引)
var arr = [1,2,3,4,5,6,7,8,9];
var newArr = arr.slice(3);
document.write(newArr);
//运行结果:4,5,6,7,8,9
数组的反转,中间的不改变
var city = new Array("html","css","javascript","jquery","ajax");
city.reverse();
document.write(city);
//运行结果:ajax,jquery,javascript,css,html
对数组进行合并
放到字符串里面分割
var arr1 = [1,2,3,4,5];
var arr2 = [6,7,8,9,10];
//concat() 返回一个新数组,这个新数组是由多个数组组合而成的。
var newArr = arr1.concat(arr2);
document.write(newArr);
运行结果:1,2,3,4,5,6,7,8,9,10
var city = new Array("沈阳","大连","鞍山");
//join( ) 把数组的所有元素放入一个字符串中,通过一个的分隔符进行分隔。
var str = city.join("->");
document.write(str);
运行结果:沈阳->大连->鞍山
字符串变成数组的方法
var str = “2015-10-8";
//split() 将一个字符串分割成一个数组。
var arr = str.split("-");
document.write(arr[0]);
运行结果:2015
js中的对象
类型–Map(key,value形式)
[1,2,3,4]-数组
{key:value,b:2,c:3}–对象
json:
{a:[1,{a:[],c:d},3,4],}
[{[{}],[]},{}]
前端后端分离–json(前后台数据传输的格式)
JSON与字符串之间的转换
只有json对象才可以使用操作,不过只有json字符串才可以进行传输,存储写入磁盘
将字符串转换成JSON对象
//(从后台获取到json字符串转换为json对象)
var obj = JSON.parse(str);
将JSON对象转换成字符串
//向后台传输数据,需要转化为json字符串形式才可以进行传输
var obj = {name:"张三",age:25,sex: "男" };
var str = JSON.stringify(obj);
后端—json
前端获取json
1:布局 div+css
2:从服务端获取json数据 {…} […]
对象操作:
{a:b,c:d,…}
获取对应属性的值:
对象.属性名
对象[‘属性名’]
console.log(obj.name);
console.log(obj[‘name’]);
遍历对象:
for(let key in obj){
console.log(key,obj[key]);
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="./js/data.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
<input id="myi" type="text">
<button onclick="searchRatings()">查找</button>
<script>
console.log(obj);
function search(){
let name = document.getElementById('myi').value;
let goodList = obj.goods;
for(let i=0;i<goodList.length;i++){
if(goodList[i].name.trim() == name){
let foodList = goodList[i].foods;
for(let j=0;j<foodList.length;j++){
console.log(foodList[j].name,foodList[j].price);
}
break;
}
}
}
function searchRatings(){
let ratingsList = obj.ratings;
//console.log(ratingsList);
for(let i=0;i<ratingsList.length;i++){
//判断评分和输入的评分一致的时候的信息
if(ratingsList[i].score == document.getElementById('myi').value*1){
if(ratingsList[i].text)
console.log(ratingsList[i].text);
}
}
}
</script>
</body>
</html>
3:操作dom
安卓获取json
ios获取json