js数组里有一组书名,把这个数组拼接为字符串用;分割,这个字符串超过160个字符时系统自动截取临近字符限制完整名称处+“等”展示
时间: 2024-03-13 07:45:42 浏览: 31
好的,针对您的问题,这里提供一段 JavaScript 代码实现:
```javascript
let bookNames = ["JavaScript高级程序设计", "JavaScript权威指南", "JavaScript DOM编程艺术", "JavaScript语言精髓与编程实践", "你不知道的JavaScript"];
// 将书名数组拼接为字符串,并用分号分割
let bookStr = bookNames.join(";");
// 判断字符串长度是否超过160个字符
if (bookStr.length > 160) {
// 找到第一个超过160个字符的分号位置
let index = 160;
while (bookStr[index] !== ";") {
index--;
}
// 截取字符串
bookStr = bookStr.slice(0, index) + "等";
}
// 输出结果
console.log(bookStr);
```
这段代码和 Python 版本的实现思路基本相同。首先将书名数组拼接成一个字符串,并用分号分割。然后判断这个字符串的长度是否超过160个字符。如果超过了,就找到第一个超过160个字符的分号位置,并将该位置之前的字符截取下来,并在后面加上“等”展示。最后输出处理后的字符串。
相关问题
数组里有一组书名,把这个数组拼接为字符串用;分割,这个字符串超过160个字符时系统自动截取临近字符限制完整名称处+“等”展示
好的,您的问题是关于字符串处理的。针对您的问题,我可以提供以下的解决方案:
```python
book_names = ["Python 编程从入门到实践", "流畅的 Python", "Python 核心编程", "Python 数据分析基础教程", "Python 网络爬虫实战"]
# 将书名数组拼接为字符串,并用分号分割
book_str = ";".join(book_names)
# 判断字符串长度是否超过160个字符
if len(book_str) > 160:
# 找到第一个超过160个字符的分号位置
index = 160
while book_str[index] != ";":
index -= 1
# 截取字符串
book_str = book_str[:index] + "等"
# 输出结果
print(book_str)
```
这段代码会将给定的书名数组拼接成一个字符串,并用分号分割。然后判断这个字符串的长度是否超过160个字符。如果超过了,就找到第一个超过160个字符的分号位置,并将该位置之前的字符截取下来,并在后面加上“等”展示。最后输出处理后的字符串。
原生js即可,不用写vue for循环 新建ul元素 id="app" js变量: book = [ {name:'《Vue.js实战》', author: '梁灏'}, {name:'《Javascript语言精粹》', author: 'Douglas Crockford'}, {name:'《Javascript高级程序设计》', author: 'Nicholas C.Zakas'} ]; 业务逻辑: 使用for循环将书名遍历到ul元素 涉及: ul、li元素 for循环 字符串拼接 html动态插入
以下是代码实现:
```javascript
// 获取ul元素
const ul = document.getElementById('app');
// 定义书籍数组
const book = [
{name:'《Vue.js实战》', author: '梁灏'},
{name:'《Javascript语言精粹》', author: 'Douglas Crockford'},
{name:'《Javascript高级程序设计》', author: 'Nicholas C.Zakas'}
];
// 遍历书籍数组,拼接li元素并插入到ul中
for (let i = 0; i < book.length; i++) {
const li = document.createElement('li');
li.textContent = book[i].name + ' - ' + book[i].author;
ul.appendChild(li);
}
```
以上代码使用原生JS实现了将书名遍历到ul元素的业务逻辑,使用for循环遍历书籍数组,拼接li元素并插入到ul中。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![cpp](https://img-home.csdnimg.cn/images/20210720083646.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)