JavaScript入门2 字符串和数组

简介: 字符串和数组一、字符串1.字符串我们使用单引号或者双引号 包裹2.注意转义字符 \3.多行字符串编写4.字符长度length、5.字符串下标( 在js中字符串不可变)6.substring();二、数组1.数组可以包含任意的数据类型2.长度(长度可变)3.通过元素获得下表索引4.slice() 截取数组的一部分,返回一个新的数组5.push()、pop()6.unshift()、shift()7.sort()升序排序8.元素反转reverse()9.多维数组

一、字符串


1.字符串我们使用单引号或者双引号 包裹


console.log("a");
console.log('A');


浏览器的控制台输出


c4523639a852490680f517e35e346abe.png


2.注意转义字符 \


` 字符串


\n 回车换行


\t 制表符(tab)


\u#### Unicodez字符 列如:\u 4e2d 中国的中


ascll字符


3.多行字符串编写


3.1使用模板文字 ES6 引入的一种新方法):用tab上面的``可以换行写


c8c7827a70804af89956c1170f66e7d1.png


3.2字符串拼接


var str='我是笑霸final'
        +"大家多多支持";


4.字符长度length、


      var eg='Aabbcc';
      console.log(eg.length)
控制台输出
[Web浏览器] "6"  /html学习/js/数据类型和数组.html (11)


5.字符串下标( 在js中字符串不可变)


  var eg='Aabbcc';
      console.log(eg[0])
      eg[0]='D';
      console.log(eg[0])
控制台输出:
[Web浏览器] "A"  /html学习/js/数据类型和数组.html (11)
[Web浏览器] "A"  /html学习/js/数据类型和数组.html (13)
可见字符串不可见


6.substring();


注意


1.下表还是0开始


2.括号里面是左闭右开


  var eg='Aabbcc';
      console.log(eg.substring(0,4));


c9f716d5a86745609f2a9eea5a8a9738.png

二、数组


1.数组可以包含任意的数据类型

      var arr=[1,"笑霸final",3];
      console.log(arr);


95a2cc612a3d47a8ad6bd4bf22c10154.png

95a2cc612a3d47a8ad6bd4bf22c10154.png2.长度(长度可变)

      var arr=[1,"笑霸final",3];
      console.log("arr原来的长度"+arr.length);
      console.log("arr原来的长度+5"+arr.length+5);
      arr.length=10;
      console.log("设置长度为10后arr"+arr);
      arr.length=1;
      console.log("设置长度为1后arr"+arr);


3.通过元素获得下表索引

2f075ae65e064609a8fd5b51ac9cf303.png

 

      var arr=[1,"笑霸final",3];
      console.log(arr.indexOf("笑霸final"))
控制台输出:
[Web浏览器] "1"  /html学习/js/数据类型和数组.html (22)

4.slice() 截取数组的一部分,返回一个新的数组

注意:也是左开右闭


      var arr=[1,"笑霸final",3];
      var arr2=arr.slice(1,2);
      console.log(arr2);
控制台输出:
[Web浏览器] "笑霸final"  /html学习/js/数据类型和数组.html (23)


5.push()、pop()


//push()在尾部加入一个元素
      var arr=[1,"笑霸final",3];
      arr.push("多多支持笑霸final");
      console.log(arr);
控制台输出:
[Web浏览器] "1,笑霸final,3,多多支持笑霸final"  /html学习/js/数据类型和数组.html (23)
  /***************************************************************/
//pop()弹出尾部一个元素
      var arr=[1,"笑霸final",3];
      arr.pop();
      console.log(arr); 
控制台输出:
[Web浏览器] "1,笑霸final"  /html学习/js/数据类型和数组.html (23)      


6.unshift()、shift()

 

      var arr=[1,"笑霸final",3];
      arr.unshift("头部插入");
      console.log(arr);
控制台:
[Web浏览器] "头部插入,1,笑霸final,3" /html学习/js/数据类型和数组.html (26)
/************************************************/
      var arr=[1,"笑霸final",3];
      arr.shift();//弹出头部一个元素
      console.log(arr);
控制台:
[Web浏览器] "笑霸final,3"  /html学习/js/数据类型和数组.html (26)      

7.sort()升序排序


      var arr=[6,8,2,5,4,1];
      arr.sort();
      console.log(arr);
控制台:
[Web浏览器] "1,2,4,5,6,8"  /html学习/js/数据类型和数组.html (29)      

8.元素反转reverse()

      var arr=[6,8,2,5,4,1];
      arr.reverse();
      console.log(arr);
控制台:
[Web浏览器] "1,4,5,2,8,6"  /html学习/js/数据类型和数组.html (29)

9.多维数组


JavaScript 本身不提供多维数组,但是,可以通过定义元素数组来创建多维数组,其中每个元素也是另一个数组,出于这个原因,可以说 JavaScript 多维数组是数组的数组,即嵌套数组。定义多维数组的最简单方法是使用数组字面量表示法。


      var arr=[[1,2],[4,3,5]];
      console.log(arr);
      console.log(arr[1][1]);
控制台:
[Web浏览器] "1,2,4,3,5"  /html学习/js/数据类型和数组.html (28)
[Web浏览器] "3"  /html学习/js/数据类型和数组.html (29)      


目录
相关文章
|
1月前
|
前端开发 机器人 API
前端大模型入门(一):用 js+langchain 构建基于 LLM 的应用
本文介绍了大语言模型(LLM)的HTTP API流式调用机制及其在前端的实现方法。通过流式调用,服务器可以逐步发送生成的文本内容,前端则实时处理并展示这些数据块,从而提升用户体验和实时性。文章详细讲解了如何使用`fetch`发起流式请求、处理响应流数据、逐步更新界面、处理中断和错误,以及优化用户交互。流式调用特别适用于聊天机器人、搜索建议等应用场景,能够显著减少用户的等待时间,增强交互性。
255 2
|
1月前
|
JavaScript 前端开发
JS几种拼接字符串的方法
JS几种拼接字符串的方法
48 1
|
13天前
|
机器学习/深度学习 自然语言处理 前端开发
前端神经网络入门:Brain.js - 详细介绍和对比不同的实现 - CNN、RNN、DNN、FFNN -无需准备环境打开浏览器即可测试运行-支持WebGPU加速
本文介绍了如何使用 JavaScript 神经网络库 **Brain.js** 实现不同类型的神经网络,包括前馈神经网络(FFNN)、深度神经网络(DNN)和循环神经网络(RNN)。通过简单的示例和代码,帮助前端开发者快速入门并理解神经网络的基本概念。文章还对比了各类神经网络的特点和适用场景,并简要介绍了卷积神经网络(CNN)的替代方案。
|
13天前
|
移动开发 前端开发 JavaScript
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
于辰在大学期间带领团队参考网易游戏官网的部分游戏页面,开发了一系列前端实训作品。项目包括首页、2021校园招聘页面和明日之后游戏页面,涉及多种特效实现,如动态图片切换和人物聚合效果。作品源码已上传至CSDN,视频效果可在CSDN预览。
20 0
前端实训,刚入门,我用原生技术(H5、C3、JS、JQ)手写【网易游戏】页面特效
|
21天前
|
监控 前端开发 JavaScript
React 静态网站生成工具 Next.js 入门指南
【10月更文挑战第20天】Next.js 是一个基于 React 的服务器端渲染框架,由 Vercel 开发。本文从基础概念出发,逐步探讨 Next.js 的常见问题、易错点及解决方法,并通过具体代码示例进行说明,帮助开发者快速构建高性能的 Web 应用。
56 10
|
19天前
|
数据采集 存储 JavaScript
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
本文介绍了如何使用Puppeteer和Node.js爬取大学招生数据,并通过代理IP提升爬取的稳定性和效率。Puppeteer作为一个强大的Node.js库,能够模拟真实浏览器访问,支持JavaScript渲染,适合复杂的爬取任务。文章详细讲解了安装Puppeteer、配置代理IP、实现爬虫代码的步骤,并提供了代码示例。此外,还给出了注意事项和优化建议,帮助读者高效地抓取和分析招生数据。
如何使用Puppeteer和Node.js爬取大学招生数据:入门指南
|
1月前
|
自然语言处理 前端开发 JavaScript
🛠️ JavaScript数组操作指南:20个精通必备技巧🚀
本文详细介绍了 JavaScript 中的 20 个高效数组操作技巧,涵盖了从基本的添加、移除元素,到数组转换和去重等高级操作。强调了不可变性的重要性,提供了清晰的代码示例,帮助开发者编写更整洁和高效的代码。无论是新手还是经验丰富的开发者,这些技巧都将显著提升您的编码能力,使您在项目中更具竞争力。
25 2
|
1月前
|
JavaScript 前端开发 测试技术
JS都有哪些操作数组的方法
JS都有哪些操作数组的方法
20 3
|
1月前
|
存储 JavaScript 前端开发
前端开发:Vue.js入门与实战
【10月更文挑战第9天】前端开发:Vue.js入门与实战
|
1月前
|
JavaScript
js删除数组中已知下标的元素
js删除数组中已知下标的元素
35 4