数组:
<script>
// 声明数组
let array = ['顶针','芝士雪豹','芝士土拨鼠','芝士设立']
// 数组取值
console.log(array); //['顶针','芝士雪豹','芝士土拨鼠','芝士设立']
console.log(array[0]);//顶针
// 数组长度
console.log(array.length);//4
// 遍历数组
for(let i = 0; i < array.length; i++){
console.log(array[i]);
}//顶针
//芝士雪豹
//芝士土拨鼠
//芝士设立
// 数组新增 在后面添加
array.push('鲲鲲')
console.log(array);//['顶针','芝士雪豹','芝士土拨鼠','芝士设立','鲲鲲']
// 在前面添加
array.unshift('篮球')
console.log(array);//['篮球','顶针','芝士雪豹','芝士土拨鼠','芝士设立']
// 删除最后一个元素
array.pop()
console.log(array);//['顶针','芝士雪豹','芝士土拨鼠']
// 删除第一个元素
array.shift()
console.log(array);//['芝士雪豹','芝士土拨鼠','芝士设立']
// 删除指定元素
// 第一个 起始位置 start,从0开始
// 第二个值要删除的数量 deleteCount
// array.splice(0,0)
array.splice(3,1)
console.log(array);//['顶针','芝士雪豹','芝士土拨鼠']
// 数组赋值 改
// 数组名[下标]
// 下标在就是修改 下标不在就是增加
array[0] = '鲲鲲'
console.log(array);//['鲲鲲','芝士雪豹','芝士土拨鼠']
array[3] = '篮球'
console.log(array);//['顶针','芝士雪豹','芝士土拨鼠','篮球']
</script>
<script>
// 连接两个数组
let arr1 = [1,2,3]
let arr2 = [4,5,6]
// es5写法 concat: 链接数组
let arr3 = arr1.concat(arr2)
console.log(arr3);//[1,2,3,4,5,6]
// 加入新元素 push
arr3.push(7)
console.log(arr3);//[1,2,3,4,5,6,7]
// es6写法
let arr4 = [...arr1,...arr2,7]
console.log(arr4);//[1,2,3,4,5,6,7]
// 求最大值最小值
let arr = [66,2,100,50,30]
// es5写法 利用apply传参 自动遍历 arr 逐个传参
let max1 = Math.max.apply(Math,arr)
console.log(max1);//100
// es6写法
let max = Math.max(...arr)
console.log(max);//100
</script>
<script>
// map应用场景 映射得到新数组
let arr = [20,10,30,40,50,70,5];
// 需求 数组每个元素+1
let arr1 = arr.map((value,index) => {
return value + 1;
})
console.log(arr1);//[21, 11, 31, 41, 51, 71, 6]
// 需求: 数组每个元素 * 3
let arr2 = arr.map((value,index) => {
return value * 2
})
console.log(arr2);// [40, 20, 60, 80, 100, 140, 10]
// (元素,下标) => {return 新元素}
</script>
拓展运算符:
<script>
// 拓展运算符: 作用 遍历对象 简写
let person = {
name:'丁真',
age:18,
sex:'男'
}
let student = {
score:90,
girlFriend:'芝士雪豹'
}
let monitor = {
...person, //相当于遍历person的属性和属性值 ,赋值给班长对象
...student,
hoppy:'学习'
}
console.log(monitor);// object :丁真 18 男 90 芝士雪豹 学习
</script>
字符串:
<script>
let str = "我就爱喝阿萨姆啊"
let str1 = "喝阿萨神清气爽"
let str2 = "一辈子喝阿萨姆啊"
// 判断是否在字串里面
let str3 = str.indexOf('爱喝')
console.log(str3);
// 截取字符穿 (下标(从第几个开始截取),截取长度)
let str4 = str1.substr(1,2)
console.log(str4);
// 修改字符穿 ('要修改的','修改后的')
let str5 = str1.replace('阿萨','阿萨姆')
console.log(str5);
// 分割字符穿
let str6 = "阿&萨&姆"
let str7 = str6.split('&')
console.log(str7);
// 大小写转换
console.log('ABCD'.toLowerCase());//小写转换
console.log('abcd'.toUpperCase());//大写转换
</script>
<script>
// 字符串转换数组
let A = 'abc';
let B = A.split("");
console.log(A);//abc
console.log(B);// (3) ['a','b','c']
// 数组转换字符串
let a = ['1','2','3','4'];
let b = a.join("");
console.log(a); //(4) ,['1','2','3','4']
console.log(b);//1234
console.log(typeof(b)); //string
let str = '星期一,星期二,星期三,星期四,星期五,星期六,星期天';
let today = new Date();//获取当前时间
console.log(today);
let day = today.getDay();
console.log(day);//今天星期几
let arr = str.split(',');
console.log(arr);//一周有几天
console.log("今天是:" + arr[day]); //今天是星期几
</script>
<script>
// 字符串相加
let str1 = "i am" + "dangerous";
console.log(str1);// i amdangerous
// 使用反斜线
let str2 = "i am \ dangerous"
console.log(str2); // i am dangerous 斜线后面内容会和前面内容比较远
// 模板字符串
let str3 = `i am dangerous`
console.log(str3); // i am dangerous 打了多少空格间隔就是多少
// 字符串新写法
console.log('好好学习 \n 天天向上');//会换行
console.log(`阿萨姆
奶茶`);//换行
// 字符串嵌入变量
let name = `男酮`
let names = `变态 `
document.write(`${name}的款式是${names}`)//控制台不显示但是页面显示
</script>